aboutsummaryrefslogtreecommitdiff
path: root/p
diff options
context:
space:
mode:
authorGravatar Marien Fressinaud <dev@marienfressinaud.fr> 2014-09-26 14:50:33 +0200
committerGravatar Marien Fressinaud <dev@marienfressinaud.fr> 2014-09-26 14:50:33 +0200
commitf0fb1fbb07347d3a2fd7b853bff1f91807cd2d89 (patch)
tree4566beb83704d5b2bbcb128749da042cdaa4e619 /p
parent94ad9cf073962d9ff8076ef8e0db35e513d565a7 (diff)
parentc14162221365077bcaeecde7127806190490dd58 (diff)
Merge branch 'dev' into beta
Diffstat (limited to 'p')
-rw-r--r--p/scripts/main.js171
-rw-r--r--p/themes/Dark/dark.css22
-rw-r--r--p/themes/Dark/metadata.json2
-rw-r--r--p/themes/Dark/template.css698
-rw-r--r--p/themes/Flat/flat.css40
-rw-r--r--p/themes/Flat/metadata.json2
-rw-r--r--p/themes/Flat/template.css698
-rw-r--r--p/themes/Origine/metadata.json2
-rw-r--r--p/themes/Origine/origine.css32
-rw-r--r--p/themes/Origine/template.css698
-rw-r--r--p/themes/Pafat/README.md4
-rw-r--r--p/themes/Pafat/icons/all.svg7
-rw-r--r--p/themes/Pafat/icons/bookmark.svg5
-rw-r--r--p/themes/Pafat/icons/down.svg (renamed from p/themes/Screwdriver/icons/down.svg)2
-rw-r--r--p/themes/Pafat/icons/icon.svg (renamed from p/themes/Screwdriver/icons/icon.svg)4
-rw-r--r--p/themes/Pafat/icons/link.svg7
-rw-r--r--p/themes/Pafat/icons/login.svg (renamed from p/themes/Screwdriver/icons/login.svg)4
-rw-r--r--p/themes/Pafat/icons/logout.svg (renamed from p/themes/Screwdriver/icons/logout.svg)4
-rw-r--r--p/themes/Pafat/icons/next.svg (renamed from p/themes/Screwdriver/icons/next.svg)2
-rw-r--r--p/themes/Pafat/icons/non-starred.svg5
-rw-r--r--p/themes/Pafat/icons/prev.svg5
-rw-r--r--p/themes/Pafat/icons/read.svg5
-rw-r--r--p/themes/Pafat/icons/share.svg (renamed from p/themes/Screwdriver/icons/share.svg)2
-rw-r--r--p/themes/Pafat/icons/starred.svg5
-rw-r--r--p/themes/Pafat/icons/tag.svg (renamed from p/themes/Screwdriver/icons/tag.svg)2
-rw-r--r--p/themes/Pafat/icons/unread.svg6
-rw-r--r--p/themes/Pafat/icons/up.svg5
-rw-r--r--p/themes/Pafat/loader.gifbin0 -> 2608 bytes
-rw-r--r--p/themes/Pafat/metadata.json7
-rw-r--r--p/themes/Pafat/pafat.css1084
-rw-r--r--p/themes/Screwdriver/icons/add.svg5
-rw-r--r--p/themes/Screwdriver/icons/all.svg7
-rw-r--r--p/themes/Screwdriver/icons/apple-touch-icon.pngbin5648 -> 0 bytes
-rw-r--r--p/themes/Screwdriver/icons/bookmark-add.svg6
-rw-r--r--p/themes/Screwdriver/icons/bookmark.svg65
-rw-r--r--p/themes/Screwdriver/icons/category-white.svg7
-rw-r--r--p/themes/Screwdriver/icons/category.svg7
-rw-r--r--p/themes/Screwdriver/icons/close.svg7
-rw-r--r--p/themes/Screwdriver/icons/configure.svg5
-rw-r--r--p/themes/Screwdriver/icons/favicon-16-32-48-64.icobin32038 -> 0 bytes
-rw-r--r--p/themes/Screwdriver/icons/favicon-256.pngbin17174 -> 0 bytes
-rw-r--r--p/themes/Screwdriver/icons/favicon.svg13
-rw-r--r--p/themes/Screwdriver/icons/grey.gifbin56 -> 0 bytes
-rw-r--r--p/themes/Screwdriver/icons/help.svg7
-rw-r--r--p/themes/Screwdriver/icons/key.svg7
-rw-r--r--p/themes/Screwdriver/icons/link.svg7
-rw-r--r--p/themes/Screwdriver/icons/non-starred.svg5
-rw-r--r--p/themes/Screwdriver/icons/prev.svg5
-rw-r--r--p/themes/Screwdriver/icons/read.svg60
-rw-r--r--p/themes/Screwdriver/icons/refresh.svg5
-rw-r--r--p/themes/Screwdriver/icons/rss.svg6
-rw-r--r--p/themes/Screwdriver/icons/search.svg6
-rw-r--r--p/themes/Screwdriver/icons/starred.svg65
-rw-r--r--p/themes/Screwdriver/icons/unread.svg68
-rw-r--r--p/themes/Screwdriver/icons/up.svg5
-rw-r--r--p/themes/Screwdriver/icons/view-global.svg1
-rw-r--r--p/themes/Screwdriver/icons/view-normal.svg1
-rw-r--r--p/themes/Screwdriver/icons/view-reader.svg1
-rw-r--r--p/themes/Screwdriver/metadata.json2
-rw-r--r--p/themes/Screwdriver/screwdriver.css23
-rw-r--r--p/themes/Screwdriver/template.css695
-rw-r--r--p/themes/base-theme/base.css19
-rw-r--r--p/themes/base-theme/template.css42
-rw-r--r--p/themes/icons/stats.svg6
64 files changed, 1455 insertions, 3233 deletions
diff --git a/p/scripts/main.js b/p/scripts/main.js
index c37f9f6f2..f6d5d2907 100644
--- a/p/scripts/main.js
+++ b/p/scripts/main.js
@@ -251,9 +251,14 @@ function toggleContent(new_active, old_active) {
}
if (sticky_post) {
- var new_pos = new_active.position().top - new_active.children('.flux_header').outerHeight(),
+ var prev_article = new_active.prevAll('.flux'),
+ new_pos = new_active.position().top,
old_scroll = $(box_to_move).scrollTop();
+ if (prev_article.length > 0 && new_pos - prev_article.position().top <= 150) {
+ new_pos = prev_article.position().top;
+ }
+
if (hide_posts) {
if (relative_move) {
new_pos += old_scroll;
@@ -297,7 +302,7 @@ function next_entry() {
function prev_feed() {
var active_feed = $("#aside_flux .feeds li.active");
if (active_feed.length > 0) {
- active_feed.prev().find('a.feed').each(function(){this.click();});
+ active_feed.prevAll(':visible:first').find('a.feed').each(function(){this.click();});
} else {
last_feed();
}
@@ -306,21 +311,21 @@ function prev_feed() {
function next_feed() {
var active_feed = $("#aside_flux .feeds li.active");
if (active_feed.length > 0) {
- active_feed.next().find('a.feed').each(function(){this.click();});
+ active_feed.nextAll(':visible:first').find('a.feed').each(function(){this.click();});
} else {
first_feed();
}
}
function first_feed() {
- var feed = $("#aside_flux .feeds.active li:first");
+ var feed = $("#aside_flux .feeds.active li:visible:first");
if (feed.length > 0) {
feed.find('a')[1].click();
}
}
function last_feed() {
- var feed = $("#aside_flux .feeds.active li:last");
+ var feed = $("#aside_flux .feeds.active li:visible:last");
if (feed.length > 0) {
feed.find('a')[1].click();
}
@@ -330,7 +335,7 @@ function prev_category() {
var active_cat = $("#aside_flux .category.stick.active");
if (active_cat.length > 0) {
- var prev_cat = active_cat.parent('li').prev().find('.category.stick a.btn');
+ var prev_cat = active_cat.parent('li').prevAll(':visible:first').find('.category.stick a.btn');
if (prev_cat.length > 0) {
prev_cat[0].click();
}
@@ -344,7 +349,7 @@ function next_category() {
var active_cat = $("#aside_flux .category.stick.active");
if (active_cat.length > 0) {
- var next_cat = active_cat.parent('li').next().find('.category.stick a.btn');
+ var next_cat = active_cat.parent('li').nextAll(':visible:first').find('.category.stick a.btn');
if (next_cat.length > 0) {
next_cat[0].click();
}
@@ -355,14 +360,14 @@ function next_category() {
}
function first_category() {
- var cat = $("#aside_flux .category.stick:first");
+ var cat = $("#aside_flux .category.stick:visible:first");
if (cat.length > 0) {
cat.find('a.btn')[0].click();
}
}
function last_category() {
- var cat = $("#aside_flux .category.stick:last");
+ var cat = $("#aside_flux .category.stick:visible:last");
if (cat.length > 0) {
cat.find('a.btn')[0].click();
}
@@ -373,11 +378,41 @@ function collapse_entry() {
var flux_current = $(".flux.current");
flux_current.toggleClass("active");
- if (isCollapsed) {
+ if (isCollapsed && auto_mark_article) {
mark_read(flux_current, true);
}
}
+function user_filter(key) {
+ console.log('user filter');
+ console.warn(key);
+ var filter = $('#dropdown-query');
+ var filters = filter.siblings('.dropdown-menu').find('.item.query a');
+ if (typeof key === "undefined") {
+ if (!filter.length) {
+ return;
+ }
+ // Display the filter div
+ window.location.hash = filter.attr('id');
+ // Force scrolling to the filter div
+ var scroll = needsScroll($('.header'));
+ if (scroll !== 0) {
+ $('html,body').scrollTop(scroll);
+ }
+ // Force the key value if there is only one action, so we can trigger it automatically
+ if (filters.length === 1) {
+ key = 1;
+ } else {
+ return;
+ }
+ }
+ // Trigger selected share action
+ key = parseInt(key);
+ if (key <= filters.length) {
+ filters[key - 1].click();
+ }
+}
+
function auto_share(key) {
var share = $(".flux.current.active").find('.dropdown-target[id^="dropdown-share"]');
var shares = share.siblings('.dropdown-menu').find('.item a');
@@ -503,13 +538,13 @@ function init_shortcuts() {
});
shortcut.add("shift+" + shortcuts.mark_read, function () {
// on marque tout comme lu
- var url = $(".nav_menu a.read_all").attr("href");
- if ($(".nav_menu a.read_all").hasClass('confirm')) {
+ var btn = $(".nav_menu .read_all");
+ if (btn.hasClass('confirm')) {
if (confirm(str_confirmation)) {
- redirect(url, false);
+ btn.click();
}
} else {
- redirect(url, false);
+ btn.click();
}
}, {
'disable_in_input': true
@@ -531,9 +566,19 @@ function init_shortcuts() {
}, {
'disable_in_input': true
});
+
+ shortcut.add(shortcuts.user_filter, function () {
+ user_filter();
+ }, {
+ 'disable_in_input': true
+ });
for(var i = 1; i < 10; i++){
shortcut.add(i.toString(), function (e) {
- auto_share(String.fromCharCode(e.keyCode));
+ if ($('#dropdown-query').siblings('.dropdown-menu').is(':visible')) {
+ user_filter(String.fromCharCode(e.keyCode));
+ } else {
+ auto_share(String.fromCharCode(e.keyCode));
+ }
}, {
'disable_in_input': true
});
@@ -618,6 +663,13 @@ function init_shortcuts() {
}, {
'disable_in_input': true
});
+
+ shortcut.add(shortcuts.help, function () {
+ redirect(help_url, true);
+ }, {
+ 'disable_in_input': true
+ });
+
}
function init_stream(divStream) {
@@ -650,11 +702,25 @@ function init_stream(divStream) {
});
divStream.on('click', '.item.title > a', function (e) {
+ // Allow default control-click behaviour such as open in backround-tab.
+ return e.ctrlKey;
+ });
+ divStream.on('mouseup', '.item.title > a', function (e) {
+ // Mouseup enables us to catch middle click.
if (e.ctrlKey) {
- return true; //Allow default control-click behaviour such as open in backround-tab
+ // CTRL+click, it will be manage by previous rule.
+ return;
+ }
+
+ if (e.which == 2) {
+ // If middle click, we want same behaviour as CTRL+click.
+ var e = jQuery.Event("click");
+ e.ctrlKey = true;
+ $(this).trigger(e);
+ } else if(e.which == 1) {
+ // Normal click, just toggle article.
+ $(this).parent().click();
}
- $(this).parent().click(); //Will perform toggle flux_content
- return false;
});
divStream.on('click', '.flux .content a', function () {
@@ -662,7 +728,13 @@ function init_stream(divStream) {
});
if (auto_mark_site) {
- divStream.on('click', '.flux .link > a', function () {
+ // catch mouseup instead of click so we can have the correct behaviour
+ // with middle button click (scroll button).
+ divStream.on('mouseup', '.flux .link > a', function (e) {
+ if (e.which == 3) {
+ return;
+ }
+
mark_read($(this).parents(".flux"), true);
});
}
@@ -740,7 +812,7 @@ function openNotification(msg, status) {
notification.find(".msg").html(msg);
notification.fadeIn(300);
- notification_interval = window.setInterval(closeNotification, 4000);
+ notification_interval = window.setTimeout(closeNotification, 4000);
}
function closeNotification() {
@@ -763,7 +835,7 @@ function init_notifications() {
if (notification.find(".msg").html().length > 0) {
notification_working = true;
- notification_interval = window.setInterval(closeNotification, 4000);
+ notification_interval = window.setTimeout(closeNotification, 4000);
}
}
// </notification>
@@ -788,12 +860,19 @@ function notifs_html5_show(nb) {
var notification = new window.Notification(str_notif_title_articles, {
icon: "../themes/icons/favicon-256.png",
- body: str_notif_body_articles.replace("\d", nb)
+ body: str_notif_body_articles.replace("\d", nb),
+ tag: "freshRssNewArticles"
});
notification.onclick = function() {
window.location.reload();
}
+
+ if (html5_notif_timeout !== 0){
+ setTimeout(function() {
+ notification.close();
+ }, html5_notif_timeout * 1000);
+ }
}
function init_notifs_html5() {
@@ -847,9 +926,13 @@ function load_more_posts() {
box_load_more.children('.flux:last').after($('#stream', data).children('.flux, .day'));
$('.pagination').replaceWith($('.pagination', data));
if (display_order === 'ASC') {
- $('#nav_menu_read_all>a').attr('href', $('#bigMarkAsRead').attr('href'));
+ $('#nav_menu_read_all > .read_all').attr(
+ 'formaction', $('#bigMarkAsRead').attr('formaction')
+ );
} else {
- $('#bigMarkAsRead').attr('href', $('#nav_menu_read_all>a').attr('href'));
+ $('#bigMarkAsRead').attr(
+ 'formaction', $('#nav_menu_read_all > .read_all').attr('formaction')
+ );
}
$('[id^=day_]').each(function (i) {
@@ -901,7 +984,7 @@ function init_load_more(box) {
}
//</endless_mode>
-//<Web login form>
+//<crypto form (Web login)>
function poormanSalt() { //If crypto.getRandomValues is not available
var text = '$2a$04$',
base = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ.0123456789/abcdefghijklmnopqrstuvwxyz';
@@ -911,20 +994,24 @@ function poormanSalt() { //If crypto.getRandomValues is not available
return text;
}
-function init_loginForm() {
- var $loginForm = $('#loginForm');
- if ($loginForm.length === 0) {
+function init_crypto_form() {
+ var $crypto_form = $('#crypto-form');
+ if ($crypto_form.length === 0) {
return;
}
+
if (!(window.dcodeIO)) {
if (window.console) {
console.log('FreshRSS waiting for bcrypt.js…');
}
- window.setTimeout(init_loginForm, 100);
+ window.setTimeout(init_crypto_form, 100);
return;
}
- $loginForm.on('submit', function() {
- $('#loginButton').attr('disabled', '');
+
+ $crypto_form.on('submit', function() {
+ var $submit_button = $(this).find('button[type="submit"]');
+ $submit_button.attr('disabled', '');
+
var success = false;
$.ajax({
url: './?c=javascript&a=nonce&user=' + $('#username').val(),
@@ -932,7 +1019,7 @@ function init_loginForm() {
async: false
}).done(function (data) {
if (data.salt1 == '' || data.nonce == '') {
- alert('Invalid user!');
+ openNotification('Invalid user!', 'bad');
} else {
try {
var strong = window.Uint32Array && window.crypto && (typeof window.crypto.getRandomValues === 'function'),
@@ -940,22 +1027,23 @@ function init_loginForm() {
c = dcodeIO.bcrypt.hashSync(data.nonce + s, strong ? 4 : poormanSalt());
$('#challenge').val(c);
if (s == '' || c == '') {
- alert('Crypto error!');
+ openNotification('Crypto error!', 'bad');
} else {
success = true;
}
} catch (e) {
- alert('Crypto exception! ' + e);
+ openNotification('Crypto exception! ' + e, 'bad');
}
}
}).fail(function() {
- alert('Communication error!');
+ openNotification('Communication error!', 'bad');
});
- $('#loginButton').removeAttr('disabled');
+
+ $submit_button.removeAttr('disabled');
return success;
});
}
-//</Web login form>
+//</crypto form (Web login)>
//<persona>
function init_persona() {
@@ -1021,6 +1109,11 @@ function init_persona() {
function init_confirm_action() {
$('body').on('click', '.confirm', function () {
+ var str_confirmation = $(this).attr('data-str-confirm');
+ if (!str_confirmation) {
+ str_confirmation = str_confirmation_default;
+ }
+
return confirm(str_confirmation);
});
}
@@ -1157,9 +1250,6 @@ function init_all() {
}
init_notifications();
switch (authType) {
- case 'form':
- init_loginForm();
- break;
case 'persona':
init_persona();
break;
@@ -1179,6 +1269,7 @@ function init_all() {
init_notifs_html5();
window.setInterval(refreshUnreads, 120000);
} else {
+ init_crypto_form();
init_share_observers();
init_remove_observers();
init_feed_observers();
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index 2ef48c406..10f6e655b 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -16,9 +16,9 @@ html, body {
}
/*=== Links */
-a {
- outline: none;
+a, button.as-link {
color: #6986B2;
+ outline: none;
}
/*=== Images */
@@ -338,8 +338,9 @@ a.btn {
padding: 0 25px;
line-height: 2.5em;
}
-.dropdown-menu > .item > span {
- padding: 0 25px;
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link {
+ padding: 0 22px;
line-height: 2em;
}
.dropdown-menu > .item:hover {
@@ -871,7 +872,18 @@ a.btn {
.stat > table td,
.stat > table th {
border-bottom: 1px solid #333;
- text-align: center;
+}
+
+.stat > .horizontal-list {
+ margin: 0 0 5px;
+}
+.stat > .horizontal-list .item {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.stat > .horizontal-list .item:first-child {
+ width: 270px;
}
/*=== LOGS */
diff --git a/p/themes/Dark/metadata.json b/p/themes/Dark/metadata.json
index 5eb3a05e8..bdc068c2e 100644
--- a/p/themes/Dark/metadata.json
+++ b/p/themes/Dark/metadata.json
@@ -3,5 +3,5 @@
"author": "AD",
"description": "Le coté obscur du thème “Origine”",
"version": 0.2,
- "files": ["template.css", "dark.css"]
+ "files": ["_template.css", "dark.css"]
}
diff --git a/p/themes/Dark/template.css b/p/themes/Dark/template.css
deleted file mode 100644
index 466ec4603..000000000
--- a/p/themes/Dark/template.css
+++ /dev/null
@@ -1,698 +0,0 @@
-@charset "UTF-8";
-
-/*=== GENERAL */
-/*============*/
-html, body {
- margin: 0;
- padding: 0;
- font-size: 100%;
-}
-
-/*=== Links */
-a {
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-/*=== Lists */
-ul, ol, dd {
- margin: 0;
- padding: 0;
-}
-
-/*=== Titles */
-h1 {
- margin: 0.6em 0 0.3em;
- font-size: 1.5em;
- line-height: 1.6em;
-}
-h2 {
- margin: 0.5em 0 0.25em;
- font-size: 1.3em;
- line-height: 2em;
-}
-h3 {
- margin: 0.5em 0 0.25em;
- font-size: 1.1em;
- line-height: 2em;
-}
-
-/*=== Paragraphs */
-p {
- margin: 1em 0 0.5em;
- font-size: 1em;
-}
-
-/*=== Images */
-img {
- height: auto;
- max-width: 100%;
-}
-img.favicon {
- height: 16px;
- width: 16px;
- vertical-align: middle;
-}
-
-/*=== Videos */
-iframe, embed, object, video {
- max-width: 100%;
-}
-
-/*=== Forms */
-legend {
- display: block;
- width: 100%;
- clear: both;
-}
-label {
- display: block;
-}
-input {
- width: 180px;
-}
-textarea {
- width: 300px;
-}
-input, select, textarea {
- display: inline-block;
- max-width: 100%;
-}
-input[type="radio"],
-input[type="checkbox"] {
- width: 15px !important;
- min-height: 15px !important;
-}
-input.extend:focus {
- width: 300px;
-}
-
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-.form-group:after {
- content: "";
- display: block;
- clear: both;
-}
-.form-group.form-actions {
- min-width: 250px;
-}
-.form-group .group-name {
- display: block;
- float: left;
- width: 200px;
-}
-.form-group .group-controls {
- min-width: 250px;
- margin: 0 0 0 220px;
-}
-.form-group .group-controls .control {
- display: block;
-}
-
-/*=== Buttons */
-.stick {
- display: inline-block;
- white-space: nowrap;
-}
-.btn,
-a.btn {
- display: inline-block;
- cursor: pointer;
- overflow: hidden;
-}
-.btn-important {
- font-weight: bold;
-}
-
-/*=== Navigation */
-.nav-list .nav-header,
-.nav-list .item {
- display: block;
-}
-.nav-list .item,
-.nav-list .item > a {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.nav-head {
- display: block;
-}
-.nav-head .item {
- display: inline-block;
-}
-
-/*=== Horizontal-list */
-.horizontal-list {
- display: table;
- table-layout: fixed;
- width: 100%;
-}
-.horizontal-list .item {
- display: table-cell;
-}
-
-/*=== Dropdown */
-.dropdown {
- position: relative;
- display: inline-block;
-}
-.dropdown-target {
- display: none;
-}
-.dropdown-menu {
- display: none;
- min-width: 200px;
- margin: 0;
- position: absolute;
- right: 0;
- background: #fff;
- border: 1px solid #aaa;
-}
-.dropdown-header {
- display: block;
-}
-.dropdown-menu > .item {
- display: block;
-}
-.dropdown-menu > .item > a,
-.dropdown-menu > .item > span {
- display: block;
-}
-.dropdown-menu > .item[aria-checked="true"] > a:before {
- content: '✓';
-}
-.dropdown-menu .input {
- display: block;
-}
-.dropdown-menu .input select,
-.dropdown-menu .input input {
- display: block;
- max-width: 95%;
-}
-.dropdown-target:target ~ .dropdown-menu {
- display: block;
- z-index: 10;
-}
-.dropdown-close {
- display: inline;
-}
-.dropdown-close a {
- font-size: 0;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
- z-index: -10;
-}
-.separator {
- display: block;
- height: 0;
- border-bottom: 1px solid #aaa;
-}
-
-/*=== Alerts */
-.alert {
- display: block;
- width: 90%;
-}
-.group-controls .alert {
- width: 100%
-}
-.alert-head {
- margin: 0;
- font-weight: bold;
-}
-.alert ul {
- margin: 5px 20px;
-}
-
-/*=== Icons */
-.icon {
- display: inline-block;
- width: 16px;
- height: 16px;
- vertical-align: middle;
- line-height: 16px;
-}
-
-/*=== Pagination */
-.pagination {
- display: table;
- width: 100%;
- margin: 0;
- padding: 0;
- table-layout: fixed;
-}
-.pagination .item {
- display: table-cell;
-}
-.pagination .pager-first,
-.pagination .pager-previous,
-.pagination .pager-next,
-.pagination .pager-last {
- width: 100px;
-}
-
-/*=== STRUCTURE */
-/*===============*/
-/*=== Header */
-.header {
- display: table;
- width: 100%;
- table-layout: fixed;
-}
-.header > .item {
- display: table-cell;
-}
-.header > .item.title {
- width: 250px;
- white-space: nowrap;
-}
-.header > .item.title h1 {
- display: inline-block;
-}
-.header > .item.title .logo {
- display: inline-block;
- height: 32px;
- width: 32px;
- vertical-align: middle;
-}
-.header > .item.configure {
- width: 100px;
-}
-
-/*=== Body */
-#global {
- display: table;
- width: 100%;
- height: 100%;
- table-layout: fixed;
-}
-.aside {
- display: table-cell;
- height: 100%;
- width: 250px;
- vertical-align: top;
-}
-.aside.aside_flux {
- background: #fff;
-}
-
-/*=== Aside main page (categories) */
-.categories {
- list-style: none;
- margin: 0;
-}
-.state_unread li:not(.active)[data-unread="0"] {
- display: none;
-}
-.category {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.category .btn:not([data-unread="0"]):after {
- content: attr(data-unread);
-}
-
-/*=== Aside main page (feeds) */
-.categories .feeds {
- width: 100%;
- list-style: none;
-}
-.categories .feeds:not(.active) {
- display: none;
-}
-.categories .feeds .feed {
- display: inline-block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-.categories .feeds .feed:not([data-unread="0"]):before {
- content: "(" attr(data-unread) ") ";
-}
-.categories .feeds .dropdown-menu {
- left: 0;
-}
-.categories .feeds .item .dropdown-toggle > .icon {
- visibility: hidden;
- cursor: pointer;
- vertical-align: top;
-}
-.categories .feeds .item .dropdown-target:target ~ .dropdown-toggle > .icon,
-.categories .feeds .item:hover .dropdown-toggle > .icon,
-.categories .feeds .item.active .dropdown-toggle > .icon {
- visibility: visible;
-}
-
-/*=== New article notification */
-#new-article {
- display: none;
-}
-#new-article > a {
- display: block;
-}
-
-/*=== Day indication */
-.day .name {
- position: absolute;
- right: 0;
- width: 50%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-/*=== Feed article header and footer */
-.flux_header {
- position: relative;
-}
-.flux .item {
- line-height: 40px;
- white-space: nowrap;
-}
-.flux .item.manage,
-.flux .item.link {
- width: 40px;
- text-align: center;
-}
-.flux .item.website {
- width: 200px;
-}
-.flux.not_read .item.title,
-.flux.current .item.title {
- font-weight: bold;
-}
-.flux:not(.current):hover .item.title {
- position: absolute;
- max-width: calc(100% - 320px);
- background: #fff;
-}
-.flux .item.title a {
- color: #000;
- text-decoration: none;
-}
-.flux .item.date {
- width: 145px;
- text-align: right;
-}
-.flux .item > a {
- display: block;
-}
-.flux .item > a {
- display: block;
- text-decoration: none;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.flux .item.share > a {
- display: list-item;
- list-style-position: inside;
- list-style-type: decimal;
-}
-
-/*=== Feed article content */
-.hide_posts > .flux:not(.active) > .flux_content {
- display: none;
-}
-.content {
- min-height: 20em;
- margin: auto;
- line-height: 1.7em;
- word-wrap: break-word;
-}
-.content.large {
- max-width: 1000px;
-}
-.content.medium {
- max-width: 800px;
-}
-.content.thin {
- max-width: 550px;
-}
-.content ul,
-.content ol,
-.content dd {
- margin: 0 0 0 15px;
- padding: 0 0 5px 15px;
-}
-.content pre {
- overflow: auto;
-}
-
-/*=== Notification and actualize notification */
-.notification {
- position: absolute;
- top: 1em;
- left: 25%; right: 25%;
- z-index: 10;
- background: #fff;
- border: 1px solid #aaa;
-}
-.notification.closed {
- display: none;
-}
-.notification a.close {
- position: absolute;
- top: 0; bottom: 0;
- right: 0;
- display: inline-block;
-}
-
-#actualizeProgress {
- position: fixed;
-}
-#actualizeProgress progress {
- max-width: 100%;
- vertical-align: middle;
-}
-#actualizeProgress .progress {
- vertical-align: middle;
-}
-
-/*=== Navigation menu (for articles) */
-#nav_entries {
- position: fixed;
- bottom: 0; left: 0;
- display: table;
- width: 250px;
- background: #fff;
- table-layout: fixed;
-}
-#nav_entries .item {
- display: table-cell;
- width: 30%;
-}
-#nav_entries a {
- display: block;
-}
-
-/*=== "Load more" part */
-#load_more {
- min-height: 40px;
-}
-.loading {
- background: url("loader.gif") center center no-repeat;
- font-size: 0;
-}
-#bigMarkAsRead {
- display: block;
- padding: 3em 0;
- text-align: center;
-}
-.bigTick {
- font-size: 7em;
- line-height: 1.6em;
-}
-
-/*=== Statistiques */
-.stat > table {
- width: 100%;
-}
-
-/*=== GLOBAL VIEW */
-/*================*/
-/*=== Category boxes */
-#stream.global .box-category {
- display: inline-block;
- width: 19em;
- max-width: 95%;
- margin: 20px 10px;
- border: 1px solid #ccc;
- vertical-align: top;
-}
-#stream.global .category {
- width: 100%;
-}
-#stream.global .btn {
- display: block;
-}
-#stream.global .box-category .feeds {
- display: block;
- overflow: auto;
-}
-#stream.global .box-category .feed {
- width: 19em;
- max-width: 90%;
-}
-
-/*=== Panel */
-#overlay {
- display: none;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- background: rgba(0, 0, 0, 0.9);
-}
-#panel {
- display: none;
- position: fixed;
- top: 1em; bottom: 1em;
- left: 2em; right: 2em;
- overflow: auto;
- background: #fff;
-}
-#panel .close {
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
-}
-#panel .close img {
- display: none;
-}
-
-/*=== DIVERS */
-/*===========*/
-.nav-login,
-.nav_menu .search,
-.nav_menu .toggle_aside {
- display: none;
-}
-
-.aside .toggle_aside {
- position: absolute;
- right: 0;
- display: none;
- width: 30px;
- height: 30px;
- line-height: 30px;
- text-align: center;
-}
-
-/*=== MOBILE */
-/*===========*/
-@media(max-width: 840px) {
- .header,
- .aside .btn-important,
- .aside .feeds .dropdown,
- .flux_header .item.website span,
- .item.date, .day .date,
- .dropdown-menu > .no-mobile,
- .no-mobile {
- display: none;
- }
- .nav-login {
- display: block;
- }
- .nav_menu .toggle_aside,
- .aside .toggle_aside,
- .nav_menu .search,
- #panel .close img {
- display: inline-block;
- }
-
- .aside {
- position: fixed;
- top: 0; bottom: 0;
- left: 0;
- width: 0;
- overflow: hidden;
- z-index: 100;
- }
- .aside:target {
- width: 90%;
- overflow: auto;
- }
- .aside .categories {
- margin: 10px 0 75px;
- }
-
- .flux_header .item.website {
- width: 40px;
- }
-
- .flux:not(.current):hover .item.title {
- position: relative;
- width: auto;
- white-space: nowrap;
- }
-
- .notification {
- top: 0;
- left: 0;
- right: 0;
- }
-
- #nav_entries {
- width: 100%;
- }
-
- #stream.global .box-category {
- margin: 10px 0;
- }
-
- #panel {
- top: 0; bottom: 0;
- left: 0; right: 0;
- }
- #panel .close {
- top: 0; right: 0;
- left: auto; bottom: auto;
- display: inline-block;
- width: 30px;
- height: 30px;
- }
-}
-
-/*=== PRINTER */
-/*============*/
-@media print {
- .header, .aside,
- .nav_menu, .day,
- .flux_header,
- .flux_content .bottom,
- .pagination,
- #nav_entries {
- display: none;
- }
- html, body {
- background: #fff;
- color: #000;
- font-family: Serif;
- }
- #global,
- .flux_content {
- display: block !important;
- }
- .flux_content .content {
- width: 100% !important;
- }
- .flux_content .content a {
- color: #000;
- }
- .flux_content .content a:after {
- content: " [" attr(href) "] ";
- font-style: italic;
- }
-}
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index fcfbb1424..484cee9f3 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -15,7 +15,7 @@ html, body {
}
/*=== Links */
-a {
+a, button.as-link {
color: #2980b9;
outline: none;
}
@@ -49,6 +49,7 @@ input, select, textarea {
background: #fff;
border: none;
border-bottom: 3px solid #ddd;
+ border-left-color: #ddd;
color: #666;
border-radius: 5px;
}
@@ -155,10 +156,17 @@ form th {
.stick .btn + .dropdown > .btn {
border-radius: 0 5px 5px 0;
}
+.stick .btn + .btn,
.stick .btn + input,
+.stick .btn + .dropdown > .btn,
+.stick input + .btn,
.stick input + input,
-.stick .dropdown + input {
- border-left: 1px solid #ddd;
+.stick input + .dropdown > .btn,
+.stick .dropdown + .btn,
+.stick .dropdown + input,
+.stick .dropdown + .dropdown > .btn {
+ border-left-width: 1px;
+ border-left-style: solid;
}
.btn {
@@ -175,6 +183,7 @@ form th {
border-radius: 5px;
border: none;
border-bottom: 3px solid #2980b9;
+ border-left-color: #2980b9;
color: #fff;
}
a.btn {
@@ -196,6 +205,7 @@ a.btn {
background: #e67e22;
color: #fff;
border-bottom: 3px solid #d35400;
+ border-left-color: #d35400;
}
.btn-important:hover,
.btn-important:active {
@@ -206,6 +216,7 @@ a.btn {
background: #e74c3c;
color: #fff;
border-bottom: 3px solid #c0392b;
+ border-left-color: #c0392b;
}
.btn-attention:hover,
.btn-attention:active {
@@ -327,17 +338,21 @@ a.btn {
padding: 0 25px;
line-height: 2.5em;
}
-.dropdown-menu > .item > span {
- padding: 0 25px;
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link {
+ padding: 0 22px;
line-height: 2em;
}
+.dropdown-menu > .item:hover {
+ background: #2980b9;
+ color: #fff;
+}
.dropdown-menu > .item[aria-checked="true"] > a:before {
font-weight: bold;
margin: 0 0 0 -14px;
}
.dropdown-menu > .item:hover > a {
text-decoration: none;
- background: #2980b9;
color: #fff;
}
.dropdown-menu .input select,
@@ -844,7 +859,18 @@ a.btn {
.stat > table td,
.stat > table th {
border-bottom: 1px solid #ddd;
- text-align: center;
+}
+
+.stat > .horizontal-list {
+ margin: 0 0 5px;
+}
+.stat > .horizontal-list .item {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.stat > .horizontal-list .item:first-child {
+ width: 270px;
}
/*=== LOGS */
diff --git a/p/themes/Flat/metadata.json b/p/themes/Flat/metadata.json
index 182c82470..3afdc98af 100644
--- a/p/themes/Flat/metadata.json
+++ b/p/themes/Flat/metadata.json
@@ -3,5 +3,5 @@
"author": "Marien Fressinaud",
"description": "Thème plat pour FreshRSS",
"version": 0.2,
- "files": ["template.css", "flat.css"]
+ "files": ["_template.css", "flat.css"]
} \ No newline at end of file
diff --git a/p/themes/Flat/template.css b/p/themes/Flat/template.css
deleted file mode 100644
index 466ec4603..000000000
--- a/p/themes/Flat/template.css
+++ /dev/null
@@ -1,698 +0,0 @@
-@charset "UTF-8";
-
-/*=== GENERAL */
-/*============*/
-html, body {
- margin: 0;
- padding: 0;
- font-size: 100%;
-}
-
-/*=== Links */
-a {
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-/*=== Lists */
-ul, ol, dd {
- margin: 0;
- padding: 0;
-}
-
-/*=== Titles */
-h1 {
- margin: 0.6em 0 0.3em;
- font-size: 1.5em;
- line-height: 1.6em;
-}
-h2 {
- margin: 0.5em 0 0.25em;
- font-size: 1.3em;
- line-height: 2em;
-}
-h3 {
- margin: 0.5em 0 0.25em;
- font-size: 1.1em;
- line-height: 2em;
-}
-
-/*=== Paragraphs */
-p {
- margin: 1em 0 0.5em;
- font-size: 1em;
-}
-
-/*=== Images */
-img {
- height: auto;
- max-width: 100%;
-}
-img.favicon {
- height: 16px;
- width: 16px;
- vertical-align: middle;
-}
-
-/*=== Videos */
-iframe, embed, object, video {
- max-width: 100%;
-}
-
-/*=== Forms */
-legend {
- display: block;
- width: 100%;
- clear: both;
-}
-label {
- display: block;
-}
-input {
- width: 180px;
-}
-textarea {
- width: 300px;
-}
-input, select, textarea {
- display: inline-block;
- max-width: 100%;
-}
-input[type="radio"],
-input[type="checkbox"] {
- width: 15px !important;
- min-height: 15px !important;
-}
-input.extend:focus {
- width: 300px;
-}
-
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-.form-group:after {
- content: "";
- display: block;
- clear: both;
-}
-.form-group.form-actions {
- min-width: 250px;
-}
-.form-group .group-name {
- display: block;
- float: left;
- width: 200px;
-}
-.form-group .group-controls {
- min-width: 250px;
- margin: 0 0 0 220px;
-}
-.form-group .group-controls .control {
- display: block;
-}
-
-/*=== Buttons */
-.stick {
- display: inline-block;
- white-space: nowrap;
-}
-.btn,
-a.btn {
- display: inline-block;
- cursor: pointer;
- overflow: hidden;
-}
-.btn-important {
- font-weight: bold;
-}
-
-/*=== Navigation */
-.nav-list .nav-header,
-.nav-list .item {
- display: block;
-}
-.nav-list .item,
-.nav-list .item > a {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.nav-head {
- display: block;
-}
-.nav-head .item {
- display: inline-block;
-}
-
-/*=== Horizontal-list */
-.horizontal-list {
- display: table;
- table-layout: fixed;
- width: 100%;
-}
-.horizontal-list .item {
- display: table-cell;
-}
-
-/*=== Dropdown */
-.dropdown {
- position: relative;
- display: inline-block;
-}
-.dropdown-target {
- display: none;
-}
-.dropdown-menu {
- display: none;
- min-width: 200px;
- margin: 0;
- position: absolute;
- right: 0;
- background: #fff;
- border: 1px solid #aaa;
-}
-.dropdown-header {
- display: block;
-}
-.dropdown-menu > .item {
- display: block;
-}
-.dropdown-menu > .item > a,
-.dropdown-menu > .item > span {
- display: block;
-}
-.dropdown-menu > .item[aria-checked="true"] > a:before {
- content: '✓';
-}
-.dropdown-menu .input {
- display: block;
-}
-.dropdown-menu .input select,
-.dropdown-menu .input input {
- display: block;
- max-width: 95%;
-}
-.dropdown-target:target ~ .dropdown-menu {
- display: block;
- z-index: 10;
-}
-.dropdown-close {
- display: inline;
-}
-.dropdown-close a {
- font-size: 0;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
- z-index: -10;
-}
-.separator {
- display: block;
- height: 0;
- border-bottom: 1px solid #aaa;
-}
-
-/*=== Alerts */
-.alert {
- display: block;
- width: 90%;
-}
-.group-controls .alert {
- width: 100%
-}
-.alert-head {
- margin: 0;
- font-weight: bold;
-}
-.alert ul {
- margin: 5px 20px;
-}
-
-/*=== Icons */
-.icon {
- display: inline-block;
- width: 16px;
- height: 16px;
- vertical-align: middle;
- line-height: 16px;
-}
-
-/*=== Pagination */
-.pagination {
- display: table;
- width: 100%;
- margin: 0;
- padding: 0;
- table-layout: fixed;
-}
-.pagination .item {
- display: table-cell;
-}
-.pagination .pager-first,
-.pagination .pager-previous,
-.pagination .pager-next,
-.pagination .pager-last {
- width: 100px;
-}
-
-/*=== STRUCTURE */
-/*===============*/
-/*=== Header */
-.header {
- display: table;
- width: 100%;
- table-layout: fixed;
-}
-.header > .item {
- display: table-cell;
-}
-.header > .item.title {
- width: 250px;
- white-space: nowrap;
-}
-.header > .item.title h1 {
- display: inline-block;
-}
-.header > .item.title .logo {
- display: inline-block;
- height: 32px;
- width: 32px;
- vertical-align: middle;
-}
-.header > .item.configure {
- width: 100px;
-}
-
-/*=== Body */
-#global {
- display: table;
- width: 100%;
- height: 100%;
- table-layout: fixed;
-}
-.aside {
- display: table-cell;
- height: 100%;
- width: 250px;
- vertical-align: top;
-}
-.aside.aside_flux {
- background: #fff;
-}
-
-/*=== Aside main page (categories) */
-.categories {
- list-style: none;
- margin: 0;
-}
-.state_unread li:not(.active)[data-unread="0"] {
- display: none;
-}
-.category {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.category .btn:not([data-unread="0"]):after {
- content: attr(data-unread);
-}
-
-/*=== Aside main page (feeds) */
-.categories .feeds {
- width: 100%;
- list-style: none;
-}
-.categories .feeds:not(.active) {
- display: none;
-}
-.categories .feeds .feed {
- display: inline-block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-.categories .feeds .feed:not([data-unread="0"]):before {
- content: "(" attr(data-unread) ") ";
-}
-.categories .feeds .dropdown-menu {
- left: 0;
-}
-.categories .feeds .item .dropdown-toggle > .icon {
- visibility: hidden;
- cursor: pointer;
- vertical-align: top;
-}
-.categories .feeds .item .dropdown-target:target ~ .dropdown-toggle > .icon,
-.categories .feeds .item:hover .dropdown-toggle > .icon,
-.categories .feeds .item.active .dropdown-toggle > .icon {
- visibility: visible;
-}
-
-/*=== New article notification */
-#new-article {
- display: none;
-}
-#new-article > a {
- display: block;
-}
-
-/*=== Day indication */
-.day .name {
- position: absolute;
- right: 0;
- width: 50%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-/*=== Feed article header and footer */
-.flux_header {
- position: relative;
-}
-.flux .item {
- line-height: 40px;
- white-space: nowrap;
-}
-.flux .item.manage,
-.flux .item.link {
- width: 40px;
- text-align: center;
-}
-.flux .item.website {
- width: 200px;
-}
-.flux.not_read .item.title,
-.flux.current .item.title {
- font-weight: bold;
-}
-.flux:not(.current):hover .item.title {
- position: absolute;
- max-width: calc(100% - 320px);
- background: #fff;
-}
-.flux .item.title a {
- color: #000;
- text-decoration: none;
-}
-.flux .item.date {
- width: 145px;
- text-align: right;
-}
-.flux .item > a {
- display: block;
-}
-.flux .item > a {
- display: block;
- text-decoration: none;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.flux .item.share > a {
- display: list-item;
- list-style-position: inside;
- list-style-type: decimal;
-}
-
-/*=== Feed article content */
-.hide_posts > .flux:not(.active) > .flux_content {
- display: none;
-}
-.content {
- min-height: 20em;
- margin: auto;
- line-height: 1.7em;
- word-wrap: break-word;
-}
-.content.large {
- max-width: 1000px;
-}
-.content.medium {
- max-width: 800px;
-}
-.content.thin {
- max-width: 550px;
-}
-.content ul,
-.content ol,
-.content dd {
- margin: 0 0 0 15px;
- padding: 0 0 5px 15px;
-}
-.content pre {
- overflow: auto;
-}
-
-/*=== Notification and actualize notification */
-.notification {
- position: absolute;
- top: 1em;
- left: 25%; right: 25%;
- z-index: 10;
- background: #fff;
- border: 1px solid #aaa;
-}
-.notification.closed {
- display: none;
-}
-.notification a.close {
- position: absolute;
- top: 0; bottom: 0;
- right: 0;
- display: inline-block;
-}
-
-#actualizeProgress {
- position: fixed;
-}
-#actualizeProgress progress {
- max-width: 100%;
- vertical-align: middle;
-}
-#actualizeProgress .progress {
- vertical-align: middle;
-}
-
-/*=== Navigation menu (for articles) */
-#nav_entries {
- position: fixed;
- bottom: 0; left: 0;
- display: table;
- width: 250px;
- background: #fff;
- table-layout: fixed;
-}
-#nav_entries .item {
- display: table-cell;
- width: 30%;
-}
-#nav_entries a {
- display: block;
-}
-
-/*=== "Load more" part */
-#load_more {
- min-height: 40px;
-}
-.loading {
- background: url("loader.gif") center center no-repeat;
- font-size: 0;
-}
-#bigMarkAsRead {
- display: block;
- padding: 3em 0;
- text-align: center;
-}
-.bigTick {
- font-size: 7em;
- line-height: 1.6em;
-}
-
-/*=== Statistiques */
-.stat > table {
- width: 100%;
-}
-
-/*=== GLOBAL VIEW */
-/*================*/
-/*=== Category boxes */
-#stream.global .box-category {
- display: inline-block;
- width: 19em;
- max-width: 95%;
- margin: 20px 10px;
- border: 1px solid #ccc;
- vertical-align: top;
-}
-#stream.global .category {
- width: 100%;
-}
-#stream.global .btn {
- display: block;
-}
-#stream.global .box-category .feeds {
- display: block;
- overflow: auto;
-}
-#stream.global .box-category .feed {
- width: 19em;
- max-width: 90%;
-}
-
-/*=== Panel */
-#overlay {
- display: none;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- background: rgba(0, 0, 0, 0.9);
-}
-#panel {
- display: none;
- position: fixed;
- top: 1em; bottom: 1em;
- left: 2em; right: 2em;
- overflow: auto;
- background: #fff;
-}
-#panel .close {
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
-}
-#panel .close img {
- display: none;
-}
-
-/*=== DIVERS */
-/*===========*/
-.nav-login,
-.nav_menu .search,
-.nav_menu .toggle_aside {
- display: none;
-}
-
-.aside .toggle_aside {
- position: absolute;
- right: 0;
- display: none;
- width: 30px;
- height: 30px;
- line-height: 30px;
- text-align: center;
-}
-
-/*=== MOBILE */
-/*===========*/
-@media(max-width: 840px) {
- .header,
- .aside .btn-important,
- .aside .feeds .dropdown,
- .flux_header .item.website span,
- .item.date, .day .date,
- .dropdown-menu > .no-mobile,
- .no-mobile {
- display: none;
- }
- .nav-login {
- display: block;
- }
- .nav_menu .toggle_aside,
- .aside .toggle_aside,
- .nav_menu .search,
- #panel .close img {
- display: inline-block;
- }
-
- .aside {
- position: fixed;
- top: 0; bottom: 0;
- left: 0;
- width: 0;
- overflow: hidden;
- z-index: 100;
- }
- .aside:target {
- width: 90%;
- overflow: auto;
- }
- .aside .categories {
- margin: 10px 0 75px;
- }
-
- .flux_header .item.website {
- width: 40px;
- }
-
- .flux:not(.current):hover .item.title {
- position: relative;
- width: auto;
- white-space: nowrap;
- }
-
- .notification {
- top: 0;
- left: 0;
- right: 0;
- }
-
- #nav_entries {
- width: 100%;
- }
-
- #stream.global .box-category {
- margin: 10px 0;
- }
-
- #panel {
- top: 0; bottom: 0;
- left: 0; right: 0;
- }
- #panel .close {
- top: 0; right: 0;
- left: auto; bottom: auto;
- display: inline-block;
- width: 30px;
- height: 30px;
- }
-}
-
-/*=== PRINTER */
-/*============*/
-@media print {
- .header, .aside,
- .nav_menu, .day,
- .flux_header,
- .flux_content .bottom,
- .pagination,
- #nav_entries {
- display: none;
- }
- html, body {
- background: #fff;
- color: #000;
- font-family: Serif;
- }
- #global,
- .flux_content {
- display: block !important;
- }
- .flux_content .content {
- width: 100% !important;
- }
- .flux_content .content a {
- color: #000;
- }
- .flux_content .content a:after {
- content: " [" attr(href) "] ";
- font-style: italic;
- }
-}
diff --git a/p/themes/Origine/metadata.json b/p/themes/Origine/metadata.json
index 59a45e8f6..774320eb4 100644
--- a/p/themes/Origine/metadata.json
+++ b/p/themes/Origine/metadata.json
@@ -3,5 +3,5 @@
"author": "Marien Fressinaud",
"description": "Le thème par défaut pour FreshRSS",
"version": 0.2,
- "files": ["template.css", "origine.css"]
+ "files": ["_template.css", "origine.css"]
}
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 0d1d95bad..08fc08379 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -15,7 +15,7 @@ html, body {
}
/*=== Links */
-a {
+a, button.as-link {
color: #0062be;
outline: none;
}
@@ -364,8 +364,9 @@ a.btn {
padding: 0 25px;
line-height: 2.5em;
}
-.dropdown-menu > .item > span {
- padding: 0 25px;
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link {
+ padding: 0 22px;
line-height: 2em;
}
.dropdown-menu > .item:hover {
@@ -807,16 +808,12 @@ a.btn {
background: #fafafa;
}
#bigMarkAsRead:hover {
- color: #000;
- background: #ccc;
- background: radial-gradient(circle at 50% -25% , #ccc 0%, #fafafa 50%);
- background: -moz-radial-gradient(circle at 50% -25% , #ccc 0%, #fafafa 50%);
- background: -webkit-radial-gradient(circle at 50% -25% , #ccc 0%, #fafafa 50%);
- background: -o-radial-gradient(circle at 50% -25% , #ccc 0%, #fafafa 50%);
- background: -ms-radial-gradient(circle at 50% -25% , #ccc 0%, #fafafa 50%);
+ color: #0062be;
+ background: #fff;
+ box-shadow: 0 -5px 10px #eee inset;
}
#bigMarkAsRead:hover .bigTick {
- text-shadow: 0 0 10px #666;
+ text-shadow: 0 0 5px #0062be;
}
/*=== Navigation menu (for articles) */
@@ -916,7 +913,18 @@ a.btn {
.stat > table td,
.stat > table th {
border-bottom: 1px solid #ddd;
- text-align: center;
+}
+
+.stat > .horizontal-list {
+ margin: 0 0 5px;
+}
+.stat > .horizontal-list .item {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.stat > .horizontal-list .item:first-child {
+ width: 270px;
}
/*=== LOGS */
diff --git a/p/themes/Origine/template.css b/p/themes/Origine/template.css
deleted file mode 100644
index 466ec4603..000000000
--- a/p/themes/Origine/template.css
+++ /dev/null
@@ -1,698 +0,0 @@
-@charset "UTF-8";
-
-/*=== GENERAL */
-/*============*/
-html, body {
- margin: 0;
- padding: 0;
- font-size: 100%;
-}
-
-/*=== Links */
-a {
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-/*=== Lists */
-ul, ol, dd {
- margin: 0;
- padding: 0;
-}
-
-/*=== Titles */
-h1 {
- margin: 0.6em 0 0.3em;
- font-size: 1.5em;
- line-height: 1.6em;
-}
-h2 {
- margin: 0.5em 0 0.25em;
- font-size: 1.3em;
- line-height: 2em;
-}
-h3 {
- margin: 0.5em 0 0.25em;
- font-size: 1.1em;
- line-height: 2em;
-}
-
-/*=== Paragraphs */
-p {
- margin: 1em 0 0.5em;
- font-size: 1em;
-}
-
-/*=== Images */
-img {
- height: auto;
- max-width: 100%;
-}
-img.favicon {
- height: 16px;
- width: 16px;
- vertical-align: middle;
-}
-
-/*=== Videos */
-iframe, embed, object, video {
- max-width: 100%;
-}
-
-/*=== Forms */
-legend {
- display: block;
- width: 100%;
- clear: both;
-}
-label {
- display: block;
-}
-input {
- width: 180px;
-}
-textarea {
- width: 300px;
-}
-input, select, textarea {
- display: inline-block;
- max-width: 100%;
-}
-input[type="radio"],
-input[type="checkbox"] {
- width: 15px !important;
- min-height: 15px !important;
-}
-input.extend:focus {
- width: 300px;
-}
-
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-.form-group:after {
- content: "";
- display: block;
- clear: both;
-}
-.form-group.form-actions {
- min-width: 250px;
-}
-.form-group .group-name {
- display: block;
- float: left;
- width: 200px;
-}
-.form-group .group-controls {
- min-width: 250px;
- margin: 0 0 0 220px;
-}
-.form-group .group-controls .control {
- display: block;
-}
-
-/*=== Buttons */
-.stick {
- display: inline-block;
- white-space: nowrap;
-}
-.btn,
-a.btn {
- display: inline-block;
- cursor: pointer;
- overflow: hidden;
-}
-.btn-important {
- font-weight: bold;
-}
-
-/*=== Navigation */
-.nav-list .nav-header,
-.nav-list .item {
- display: block;
-}
-.nav-list .item,
-.nav-list .item > a {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.nav-head {
- display: block;
-}
-.nav-head .item {
- display: inline-block;
-}
-
-/*=== Horizontal-list */
-.horizontal-list {
- display: table;
- table-layout: fixed;
- width: 100%;
-}
-.horizontal-list .item {
- display: table-cell;
-}
-
-/*=== Dropdown */
-.dropdown {
- position: relative;
- display: inline-block;
-}
-.dropdown-target {
- display: none;
-}
-.dropdown-menu {
- display: none;
- min-width: 200px;
- margin: 0;
- position: absolute;
- right: 0;
- background: #fff;
- border: 1px solid #aaa;
-}
-.dropdown-header {
- display: block;
-}
-.dropdown-menu > .item {
- display: block;
-}
-.dropdown-menu > .item > a,
-.dropdown-menu > .item > span {
- display: block;
-}
-.dropdown-menu > .item[aria-checked="true"] > a:before {
- content: '✓';
-}
-.dropdown-menu .input {
- display: block;
-}
-.dropdown-menu .input select,
-.dropdown-menu .input input {
- display: block;
- max-width: 95%;
-}
-.dropdown-target:target ~ .dropdown-menu {
- display: block;
- z-index: 10;
-}
-.dropdown-close {
- display: inline;
-}
-.dropdown-close a {
- font-size: 0;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
- z-index: -10;
-}
-.separator {
- display: block;
- height: 0;
- border-bottom: 1px solid #aaa;
-}
-
-/*=== Alerts */
-.alert {
- display: block;
- width: 90%;
-}
-.group-controls .alert {
- width: 100%
-}
-.alert-head {
- margin: 0;
- font-weight: bold;
-}
-.alert ul {
- margin: 5px 20px;
-}
-
-/*=== Icons */
-.icon {
- display: inline-block;
- width: 16px;
- height: 16px;
- vertical-align: middle;
- line-height: 16px;
-}
-
-/*=== Pagination */
-.pagination {
- display: table;
- width: 100%;
- margin: 0;
- padding: 0;
- table-layout: fixed;
-}
-.pagination .item {
- display: table-cell;
-}
-.pagination .pager-first,
-.pagination .pager-previous,
-.pagination .pager-next,
-.pagination .pager-last {
- width: 100px;
-}
-
-/*=== STRUCTURE */
-/*===============*/
-/*=== Header */
-.header {
- display: table;
- width: 100%;
- table-layout: fixed;
-}
-.header > .item {
- display: table-cell;
-}
-.header > .item.title {
- width: 250px;
- white-space: nowrap;
-}
-.header > .item.title h1 {
- display: inline-block;
-}
-.header > .item.title .logo {
- display: inline-block;
- height: 32px;
- width: 32px;
- vertical-align: middle;
-}
-.header > .item.configure {
- width: 100px;
-}
-
-/*=== Body */
-#global {
- display: table;
- width: 100%;
- height: 100%;
- table-layout: fixed;
-}
-.aside {
- display: table-cell;
- height: 100%;
- width: 250px;
- vertical-align: top;
-}
-.aside.aside_flux {
- background: #fff;
-}
-
-/*=== Aside main page (categories) */
-.categories {
- list-style: none;
- margin: 0;
-}
-.state_unread li:not(.active)[data-unread="0"] {
- display: none;
-}
-.category {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.category .btn:not([data-unread="0"]):after {
- content: attr(data-unread);
-}
-
-/*=== Aside main page (feeds) */
-.categories .feeds {
- width: 100%;
- list-style: none;
-}
-.categories .feeds:not(.active) {
- display: none;
-}
-.categories .feeds .feed {
- display: inline-block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-.categories .feeds .feed:not([data-unread="0"]):before {
- content: "(" attr(data-unread) ") ";
-}
-.categories .feeds .dropdown-menu {
- left: 0;
-}
-.categories .feeds .item .dropdown-toggle > .icon {
- visibility: hidden;
- cursor: pointer;
- vertical-align: top;
-}
-.categories .feeds .item .dropdown-target:target ~ .dropdown-toggle > .icon,
-.categories .feeds .item:hover .dropdown-toggle > .icon,
-.categories .feeds .item.active .dropdown-toggle > .icon {
- visibility: visible;
-}
-
-/*=== New article notification */
-#new-article {
- display: none;
-}
-#new-article > a {
- display: block;
-}
-
-/*=== Day indication */
-.day .name {
- position: absolute;
- right: 0;
- width: 50%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-/*=== Feed article header and footer */
-.flux_header {
- position: relative;
-}
-.flux .item {
- line-height: 40px;
- white-space: nowrap;
-}
-.flux .item.manage,
-.flux .item.link {
- width: 40px;
- text-align: center;
-}
-.flux .item.website {
- width: 200px;
-}
-.flux.not_read .item.title,
-.flux.current .item.title {
- font-weight: bold;
-}
-.flux:not(.current):hover .item.title {
- position: absolute;
- max-width: calc(100% - 320px);
- background: #fff;
-}
-.flux .item.title a {
- color: #000;
- text-decoration: none;
-}
-.flux .item.date {
- width: 145px;
- text-align: right;
-}
-.flux .item > a {
- display: block;
-}
-.flux .item > a {
- display: block;
- text-decoration: none;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.flux .item.share > a {
- display: list-item;
- list-style-position: inside;
- list-style-type: decimal;
-}
-
-/*=== Feed article content */
-.hide_posts > .flux:not(.active) > .flux_content {
- display: none;
-}
-.content {
- min-height: 20em;
- margin: auto;
- line-height: 1.7em;
- word-wrap: break-word;
-}
-.content.large {
- max-width: 1000px;
-}
-.content.medium {
- max-width: 800px;
-}
-.content.thin {
- max-width: 550px;
-}
-.content ul,
-.content ol,
-.content dd {
- margin: 0 0 0 15px;
- padding: 0 0 5px 15px;
-}
-.content pre {
- overflow: auto;
-}
-
-/*=== Notification and actualize notification */
-.notification {
- position: absolute;
- top: 1em;
- left: 25%; right: 25%;
- z-index: 10;
- background: #fff;
- border: 1px solid #aaa;
-}
-.notification.closed {
- display: none;
-}
-.notification a.close {
- position: absolute;
- top: 0; bottom: 0;
- right: 0;
- display: inline-block;
-}
-
-#actualizeProgress {
- position: fixed;
-}
-#actualizeProgress progress {
- max-width: 100%;
- vertical-align: middle;
-}
-#actualizeProgress .progress {
- vertical-align: middle;
-}
-
-/*=== Navigation menu (for articles) */
-#nav_entries {
- position: fixed;
- bottom: 0; left: 0;
- display: table;
- width: 250px;
- background: #fff;
- table-layout: fixed;
-}
-#nav_entries .item {
- display: table-cell;
- width: 30%;
-}
-#nav_entries a {
- display: block;
-}
-
-/*=== "Load more" part */
-#load_more {
- min-height: 40px;
-}
-.loading {
- background: url("loader.gif") center center no-repeat;
- font-size: 0;
-}
-#bigMarkAsRead {
- display: block;
- padding: 3em 0;
- text-align: center;
-}
-.bigTick {
- font-size: 7em;
- line-height: 1.6em;
-}
-
-/*=== Statistiques */
-.stat > table {
- width: 100%;
-}
-
-/*=== GLOBAL VIEW */
-/*================*/
-/*=== Category boxes */
-#stream.global .box-category {
- display: inline-block;
- width: 19em;
- max-width: 95%;
- margin: 20px 10px;
- border: 1px solid #ccc;
- vertical-align: top;
-}
-#stream.global .category {
- width: 100%;
-}
-#stream.global .btn {
- display: block;
-}
-#stream.global .box-category .feeds {
- display: block;
- overflow: auto;
-}
-#stream.global .box-category .feed {
- width: 19em;
- max-width: 90%;
-}
-
-/*=== Panel */
-#overlay {
- display: none;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- background: rgba(0, 0, 0, 0.9);
-}
-#panel {
- display: none;
- position: fixed;
- top: 1em; bottom: 1em;
- left: 2em; right: 2em;
- overflow: auto;
- background: #fff;
-}
-#panel .close {
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
-}
-#panel .close img {
- display: none;
-}
-
-/*=== DIVERS */
-/*===========*/
-.nav-login,
-.nav_menu .search,
-.nav_menu .toggle_aside {
- display: none;
-}
-
-.aside .toggle_aside {
- position: absolute;
- right: 0;
- display: none;
- width: 30px;
- height: 30px;
- line-height: 30px;
- text-align: center;
-}
-
-/*=== MOBILE */
-/*===========*/
-@media(max-width: 840px) {
- .header,
- .aside .btn-important,
- .aside .feeds .dropdown,
- .flux_header .item.website span,
- .item.date, .day .date,
- .dropdown-menu > .no-mobile,
- .no-mobile {
- display: none;
- }
- .nav-login {
- display: block;
- }
- .nav_menu .toggle_aside,
- .aside .toggle_aside,
- .nav_menu .search,
- #panel .close img {
- display: inline-block;
- }
-
- .aside {
- position: fixed;
- top: 0; bottom: 0;
- left: 0;
- width: 0;
- overflow: hidden;
- z-index: 100;
- }
- .aside:target {
- width: 90%;
- overflow: auto;
- }
- .aside .categories {
- margin: 10px 0 75px;
- }
-
- .flux_header .item.website {
- width: 40px;
- }
-
- .flux:not(.current):hover .item.title {
- position: relative;
- width: auto;
- white-space: nowrap;
- }
-
- .notification {
- top: 0;
- left: 0;
- right: 0;
- }
-
- #nav_entries {
- width: 100%;
- }
-
- #stream.global .box-category {
- margin: 10px 0;
- }
-
- #panel {
- top: 0; bottom: 0;
- left: 0; right: 0;
- }
- #panel .close {
- top: 0; right: 0;
- left: auto; bottom: auto;
- display: inline-block;
- width: 30px;
- height: 30px;
- }
-}
-
-/*=== PRINTER */
-/*============*/
-@media print {
- .header, .aside,
- .nav_menu, .day,
- .flux_header,
- .flux_content .bottom,
- .pagination,
- #nav_entries {
- display: none;
- }
- html, body {
- background: #fff;
- color: #000;
- font-family: Serif;
- }
- #global,
- .flux_content {
- display: block !important;
- }
- .flux_content .content {
- width: 100% !important;
- }
- .flux_content .content a {
- color: #000;
- }
- .flux_content .content a:after {
- content: " [" attr(href) "] ";
- font-style: italic;
- }
-}
diff --git a/p/themes/Pafat/README.md b/p/themes/Pafat/README.md
new file mode 100644
index 000000000..adddc1bf0
--- /dev/null
+++ b/p/themes/Pafat/README.md
@@ -0,0 +1,4 @@
+Pafat
+=====
+
+Thème Pafat pour FreshRSS
diff --git a/p/themes/Pafat/icons/all.svg b/p/themes/Pafat/icons/all.svg
new file mode 100644
index 000000000..14fa80366
--- /dev/null
+++ b/p/themes/Pafat/icons/all.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-40.0002,-746)" fill="#FFF">
+<rect style="color:#FFF;" height="2.0002" width="9.9996" y="749" x="43"/>
+<rect style="color:#FFF;" height="2.0002" width="9.9996" y="753" x="43"/>
+<rect style="color:#FFF;" height="2.0002" width="9.9996" y="757" x="43"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Pafat/icons/bookmark.svg b/p/themes/Pafat/icons/bookmark.svg
new file mode 100644
index 000000000..70d0c81fb
--- /dev/null
+++ b/p/themes/Pafat/icons/bookmark.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-41.000202,-397)">
+<path style="enable-background:accumulate;color:#000000;" d="m530.95,186.71c-0.77941,0.55189-3.1576-1.906-4.1125-1.9179-0.95532-0.0119-3.3949,2.3858-4.161,1.8149-0.76573-0.57072,0.83698-3.592,0.55319-4.5039-0.2839-0.91223-3.3182-2.4915-3.0119-3.3965,0.30617-0.90461,3.6749-0.31399,4.4544-0.86567,0.77986-0.5519,1.3442-3.9257,2.2995-3.914,0.95494,0.0116,1.4342,3.398,2.1998,3.9689,0.76588,0.57114,4.1489,0.0653,4.4331,0.97746,0.28402,0.9118-2.7885,2.414-3.0949,3.3186-0.30652,0.90489,1.22,3.966,0.44027,4.5182z" fill-rule="nonzero" transform="matrix(1.0472113,-0.00871584,0.00871584,1.0472113,-504.35434,220.15425)" fill="#FFF"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/down.svg b/p/themes/Pafat/icons/down.svg
index 8a234ee99..050d6b969 100644
--- a/p/themes/Screwdriver/icons/down.svg
+++ b/p/themes/Pafat/icons/down.svg
@@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
<g transform="translate(-181.0002,-747)">
-<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m195.03,751,0,1c-0.00091,0.0111,0.00059,0.021-0.00009,0.0312-0.0112,0.25496-0.12835,0.50994-0.31251,0.6875l-5.7188,6.2977-5.7188-6.2977c-0.18821-0.1881-0.28121-0.45346-0.28122-0.71875v-1h1c0.26531,0.00007,0.53059,0.0931,0.71873,0.28131l4.2812,4.829,4.2813-4.829c0.19464-0.21073,0.46925-0.30315,0.74998-0.2813z" fill-rule="nonzero" fill="#bebebe"/>
+<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m195.03,751,0,1c-0.00091,0.0111,0.00059,0.021-0.00009,0.0312-0.0112,0.25496-0.12835,0.50994-0.31251,0.6875l-5.7188,6.2977-5.7188-6.2977c-0.18821-0.1881-0.28121-0.45346-0.28122-0.71875v-1h1c0.26531,0.00007,0.53059,0.0931,0.71873,0.28131l4.2812,4.829,4.2813-4.829c0.19464-0.21073,0.46925-0.30315,0.74998-0.2813z" fill-rule="nonzero" fill="#666"/>
</g>
</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/icon.svg b/p/themes/Pafat/icons/icon.svg
index caa987dac..b489e18da 100644
--- a/p/themes/Screwdriver/icons/icon.svg
+++ b/p/themes/Pafat/icons/icon.svg
@@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<title>Logo FreshRSS</title>
- <circle fill="#0062BE" cx="128" cy="128" r="33"/>
- <g fill="none" stroke="#0062BE" stroke-width="24">
+ <circle fill="#C5C6CA" cx="128" cy="128" r="33"/>
+ <g fill="none" stroke="#C5C6CA" stroke-width="24">
<g stroke-opacity="0.3">
<path d="M12,128 A116,116 0 1,1 128,244"/>
<path d="M54,128 A74,74 0 1,1 128,202"/>
diff --git a/p/themes/Pafat/icons/link.svg b/p/themes/Pafat/icons/link.svg
new file mode 100644
index 000000000..cc30f9f8b
--- /dev/null
+++ b/p/themes/Pafat/icons/link.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16.004" width="16">
+<g fill="#666" transform="translate(-183,-529)">
+<path style="enable-background:accumulate;color:#000000;" d="m191,533.85,0,10.38-2.344-2.2882-1.3394,2.7346c-0.32808,0.73962-2.0337,0.14492-1.5487-0.84412l1.3255-2.8393h-2.9579l6.8645-7.1436z" fill-rule="nonzero" display="block"/>
+<path d="m190.16,530.06c-3.8266,0.46006-6.5788,3.9578-6.0938,7.7812,0.13127,1.0347,0.29377,1.3818,0.29377,1.3818l1.675-1.6318c-0.33104-2.7534,1.6216-5.2315,4.375-5.5625,2.7534-0.33104,5.2315,1.6216,5.5625,4.375,0.31355,2.608-1.3913,5.0249-3.9688,5.5312l0.0312,2s0.52086-0.1059,0.62354-0.13097c3.4156-0.83385,5.7063-4.1273,5.2827-7.6503-0.46006-3.8266-3.9547-6.5538-7.7812-6.0938z" style="baseline-shift:baseline;block-progression:tb;color:#666;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;"/>
+<path opacity="0.3" style="enable-background:accumulate;color:#666;" d="m187.11,536.81,0-0.20574-0.19826,0.0186c0.0165-0.13095,0.0329-0.26167,0.0496-0.3926h-0.11578l-0.11556,0.14959-0.11578,0.0559-0.1653-0.0932-0.0165-0.20575,0.0331-0.22438,0.24798-0.18688h0.19826l0.0329-0.11229,0.24786,0.0559,0.18183,0.2246,0.0331-0.37419,0.31401-0.26167,0.11567-0.28055,0.23133-0.0934,0.1322-0.18688,0.29738-0.0564,0.14885-0.22415h-0.44623l0.28094-0.13095h0.19814l0.28106-0.0937,0.0331-0.11186-0.0992-0.0937-0.11567-0.0375,0.0331-0.11208-0.0826-0.16822-0.19837,0.0746,0.0331-0.14947-0.23134-0.13096-0.18171,0.3177,0.0165,0.11229-0.18171,0.075-0.11578,0.24302-0.0495-0.22438-0.31402-0.13095-0.0496-0.16822,0.41315-0.24325,0.18182-0.16822,0.0165-0.20563-0.0991-0.0562-0.13219-0.0188-0.0826,0.20575s-0.1382,0.0271-0.17373,0.0358c-0.45378,0.41804-1.3707,1.3204-1.5837,3.024,0.008,0.0395,0.15441,0.26854,0.15441,0.26854l0.347,0.20552,0.347,0.0937m3.9661-4.3003-0.4298-0.16833-0.49552,0.0561-0.61161,0.16822-0.11567,0.11229,0.38008,0.26167,0,0.14959-0.14875,0.14959,0.19846,0.39294,0.13188-0.075,0.16561-0.26168c0.2553-0.0789,0.4842-0.16833,0.72686-0.28053l0.19846-0.5048m2.5292,0.34192-0.375,0.0937-0.21875,0.15625,0,0.125-0.375,0.25,0.0937,0.34375,0.21875-0.15625,0.125,0.15625,0.15625,0.0937,0.0937-0.28125-0.0625-0.15625,0.0625-0.0937,0.21875-0.1875,0.0937,0-0.0937,0.21875,0,0.1875c0.0892-0.0242,0.1588-0.051,0.25-0.0625l-0.25,0.1875v0.125l-0.3125,0.21875-0.28125-0.0625v-0.15625l-0.125,0.0625,0.0625,0.15625h-0.21875l-0.125,0.21875-0.15625,0.15625-0.0937,0.0312v0.1875l0.0312,0.15625h-0.0312v0.53125l0.0625-0.0312,0.0937-0.21875,0.1875-0.125,0.0312-0.0937,0.28125-0.0625,0.15625,0.1875,0.1875,0.0937-0.0937,0.1875,0.15625-0.0312,0.0625-0.21875-0.1875-0.21875h0.0625l0.21875,0.15625,0.0312,0.21875,0.15625,0.21875,0.0625-0.3125,0.0937-0.0312c0.0959,0.0996,0.1692,0.23163,0.25,0.34375h0.28125l0.1875,0.125-0.0937,0.0937-0.15625,0.15625h-0.25l-0.34375-0.0937h-0.1875l-0.125,0.15625-0.34375-0.375-0.25-0.0625-0.375,0.0625-0.15625,0.0937v2.4062l0.0312,0.0312,0.25-0.15625,0.0937,0.0937h0.28125l0.125,0.15625-0.0937,0.3125,0.1875,0.1875v0.375l0.125,0.25-0.0937,0.25c-0.009,0.16159,0,0.30714,0,0.46875,0.0795,0.21894,0.14355,0.43575,0.21875,0.65625l0.0625,0.34375v0.1875h0.125l0.21875-0.125h0.25l0.375-0.4375-0.0312-0.15625,0.25-0.21875-0.1875-0.1875,0.21875-0.1875,0.21875-0.125,0.0937-0.125-0.0625-0.25v-0.59375l0.1875-0.375,0.1875-0.25,0.25-0.5625v-0.15625c-0.11654,0.0146-0.22972,0.0231-0.34375,0.0312-0.0722,0.005-0.14446,0-0.21875,0-0.12359-0.25961-0.2183-0.50966-0.3125-0.78125l-0.15625-0.1875-0.0937-0.3125,0.0625-0.0625,0.21875,0.25,0.25,0.5625,0.15625,0.15625-0.0625,0.21875,0.15625,0.15625,0.25-0.25,0.3125-0.21875,0.15625-0.1875v-0.21875c-0.0389-0.0732-0.0547-0.14545-0.0937-0.21875l-0.15625,0.1875-0.125-0.15625-0.1875-0.125v-0.28125l0.21875,0.21875,0.21875-0.0312c0.10166,0.0923,0.19205,0.20751,0.28125,0.3125l0.15625-0.1875c0-0.17463-0.19976-1.0204-0.625-1.75-0.42526-0.72932-1.1562-1.4062-1.1562-1.4062l-0.0625,0.0937-0.21875,0.21875-0.25-0.25h0.25l0.125-0.125-0.46875-0.0937-0.25-0.0937z" fill-rule="nonzero"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/login.svg b/p/themes/Pafat/icons/login.svg
index 954a0b74b..cf2b347ad 100644
--- a/p/themes/Screwdriver/icons/login.svg
+++ b/p/themes/Pafat/icons/login.svg
@@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-181.0002,-237)" fill="#bebebe">
-<path style="color:#bebebe;" d="m184,244c-0.554,0-1,0.446-1,1v0.53125,5.4688h12v-5.4688-0.53c0-0.554-0.446-1-1-1h-10z" fill-rule="nonzero"/>
+<g transform="translate(-181.0002,-237)" fill="#666">
+<path style="color:#666;" d="m184,244c-0.554,0-1,0.446-1,1v0.53125,5.4688h12v-5.4688-0.53c0-0.554-0.446-1-1-1h-10z" fill-rule="nonzero"/>
<path style="baseline-shift:baseline;block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="m188,238c-1.6447,0-3,1.3553-3,3v7c0,1.6447,1.3553,3,3,3h2c1.6447,0,3-1.3553,3-3v-7c0-1.6447-1.3553-3-3-3h-2zm0,2,2,0c0.5713,0,1,0.4287,1,1v7c0,0.5713-0.4287,1-1,1h-2c-0.5713,0-1-0.4287-1-1v-7c0-0.5713,0.4287-1,1-1z"/>
</g>
</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/logout.svg b/p/themes/Pafat/icons/logout.svg
index 8dd4ef08b..ac2d180d8 100644
--- a/p/themes/Screwdriver/icons/logout.svg
+++ b/p/themes/Pafat/icons/logout.svg
@@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-201.0002,-237)" fill="#bebebe">
-<path style="color:#bebebe;" d="m204,246c-0.554,0-1,0.446-1,1v0.53125,5.4688h12v-5.4688-0.53c0-0.554-0.446-1-1-1h-10z" fill-rule="nonzero"/>
+<g transform="translate(-201.0002,-237)" fill="#666">
+<path style="color:#666;" d="m204,246c-0.554,0-1,0.446-1,1v0.53125,5.4688h12v-5.4688-0.53c0-0.554-0.446-1-1-1h-10z" fill-rule="nonzero"/>
<path style="baseline-shift:baseline;block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="m208,237c-1.6447,0-3,1.3553-3,3v3h2v-3c0-0.57129,0.42873-1,1-1h2c0.57127,0,1,0.42871,1,1v7h2v-7c0-1.6447-1.3553-3-3-3h-2z"/>
</g>
</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/next.svg b/p/themes/Pafat/icons/next.svg
index d504d096c..59d512450 100644
--- a/p/themes/Screwdriver/icons/next.svg
+++ b/p/themes/Pafat/icons/next.svg
@@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
<g transform="translate(-121.0002,-747)">
-<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m125,749,1,0c0.0104-0.00012,0.0208-0.00046,0.0313,0,0.25495,0.0112,0.50987,0.12858,0.6875,0.3125l6.2977,5.7188-6.2977,5.7188c-0.18816,0.18819-0.45346,0.28125-0.71875,0.28125h-1v-1c0-0.26529,0.0931-0.53058,0.28125-0.71875l4.829-4.2812-4.829-4.2812c-0.21074-0.19463-0.30316-0.46925-0.28125-0.75z" fill-rule="nonzero" fill="#bebebe"/>
+<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m125,749,1,0c0.0104-0.00012,0.0208-0.00046,0.0313,0,0.25495,0.0112,0.50987,0.12858,0.6875,0.3125l6.2977,5.7188-6.2977,5.7188c-0.18816,0.18819-0.45346,0.28125-0.71875,0.28125h-1v-1c0-0.26529,0.0931-0.53058,0.28125-0.71875l4.829-4.2812-4.829-4.2812c-0.21074-0.19463-0.30316-0.46925-0.28125-0.75z" fill-rule="nonzero" fill="#666"/>
</g>
</svg> \ No newline at end of file
diff --git a/p/themes/Pafat/icons/non-starred.svg b/p/themes/Pafat/icons/non-starred.svg
new file mode 100644
index 000000000..e019daffd
--- /dev/null
+++ b/p/themes/Pafat/icons/non-starred.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-61.000202,-397)">
+<path style="baseline-shift:baseline;block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" fill="#666" d="m69.003,398.01c-0.2659-0.00099-0.49859,0.1006-0.6647,0.2393-0.16611,0.13869-0.27742,0.32137-0.38968,0.50028-0.22453,0.35782-0.39269,0.76873-0.56546,1.2036-0.17277,0.43483-0.34713,0.88766-0.5046,1.2323-0.15747,0.34465-0.3456,0.57871-0.35862,0.58776-0.01287,0.009-0.30722,0.117-0.69576,0.15181-0.38855,0.0348-0.88122,0.0492-1.3632,0.0694-0.48202,0.0202-0.9703,0.0362-1.393,0.12817-0.21138,0.046-0.4154,0.10148-0.60434,0.20956s-0.36689,0.28631-0.45004,0.53002-0.04901,0.50627,0.03636,0.70157c0.08537,0.19531,0.22656,0.36514,0.3682,0.52344,0.2833,0.31663,0.6327,0.60557,1.0079,0.89849s0.77671,0.55926,1.0678,0.81027c0.29104,0.25101,0.45422,0.50796,0.45912,0.52271,0.0048,0.0146,0.03119,0.33498-0.05456,0.70231-0.08575,0.36732-0.2238,0.81174-0.35282,1.2603-0.12902,0.44861-0.25176,0.90196-0.2917,1.3184-0.01997,0.20819-0.04285,0.40729,0.0053,0.61409,0.04814,0.20679,0.1845,0.43007,0.39902,0.58168,0.21451,0.15161,0.44936,0.1881,0.66823,0.1701s0.43535-0.0703,0.63515-0.15132c0.39961-0.16214,0.80177-0.42851,1.2064-0.68231,0.40465-0.2538,0.80822-0.52155,1.1456-0.71107,0.33734-0.18952,0.6484-0.2686,0.66445-0.26854,0.01586,0.00006,0.30338,0.0951,0.63894,0.28732,0.33556,0.19221,0.72532,0.46503,1.1276,0.72205,0.40229,0.25702,0.81996,0.49752,1.218,0.66284,0.19903,0.0827,0.38893,0.15086,0.60762,0.17059,0.2187,0.0197,0.47978-0.031,0.69551-0.18105,0.21572-0.15001,0.33928-0.35235,0.38918-0.55877s0.04291-0.43517,0.02476-0.64358c-0.03632-0.41683-0.15899-0.86394-0.2841-1.3137-0.12511-0.44978-0.26165-0.88661-0.34421-1.2548-0.08256-0.36813-0.07169-0.68662-0.06666-0.70133,0.005-0.0145,0.18746-0.25247,0.4806-0.50101,0.29313-0.24854,0.67599-0.53755,1.0536-0.82731,0.37764-0.28976,0.76716-0.57158,1.0531-0.88579,0.14298-0.1571,0.2418-0.33444,0.32882-0.52904s0.136-0.42874,0.05481-0.67306-0.27108-0.41314-0.45912-0.52272-0.36679-0.18158-0.57782-0.22931c-0.42206-0.0955-0.91359-0.14009-1.3956-0.16426-0.48198-0.0242-0.94584-0.039-1.3342-0.077s-0.71565-0.13122-0.72859-0.14037c-0.01279-0.009-0.18402-0.23636-0.3384-0.58217s-0.32658-0.78819-0.49548-1.2243c-0.1689-0.4361-0.33477-0.86429-0.55609-1.2238-0.11067-0.17977-0.23335-0.35397-0.39826-0.49396s-0.40309-0.25684-0.66899-0.25783zm0.0086,0.99424c0.0422,0.0358,0.10671,0.13602,0.1841,0.26173,0.15477,0.25141,0.33068,0.6272,0.49397,1.0488,0.16329,0.42163,0.31905,0.88645,0.49598,1.2828,0.17693,0.39633,0.31456,0.73379,0.6753,0.98889,0.36072,0.25509,0.77019,0.29763,1.2152,0.34118,0.44506,0.0435,0.92882,0.0532,1.3948,0.0765,0.46599,0.0234,0.91824,0.0697,1.2135,0.13647,0.14763,0.0334,0.25558,0.0572,0.30381,0.0853-0.02227,0.0498-0.07958,0.15478-0.17956,0.26464-0.19997,0.21973-0.53749,0.48746-0.90261,0.7676-0.36511,0.28015-0.77804,0.57219-1.114,0.85704-0.33595,0.28485-0.63992,0.53221-0.77987,0.94209-0.13995,0.40986-0.05396,0.77681,0.04065,1.1987s0.25406,0.87813,0.37502,1.313c0.12096,0.43486,0.22688,0.84692,0.25228,1.1385,0.01156,0.13264-0.01699,0.23485-0.02778,0.29267-0.05993-0.008-0.1764-0.0324-0.30381-0.0853-0.27836-0.11561-0.64649-0.32808-1.0354-0.57657-0.38894-0.24849-0.8039-0.53053-1.1885-0.75081-0.38457-0.22028-0.70791-0.39837-1.1551-0.40015-0.44722-0.002-0.79205,0.17245-1.1786,0.38965-0.38659,0.21719-0.78438,0.49517-1.1756,0.74055-0.39123,0.24538-0.77636,0.4507-1.0559,0.56412-0.13977,0.0567-0.24616,0.0856-0.3023,0.0902-0.01026-0.0578-0.01522-0.16008-0.0025-0.29243,0.02793-0.29118,0.13818-0.70893,0.26291-1.1426,0.12473-0.43372,0.25404-0.89785,0.35232-1.3188,0.09828-0.42099,0.18672-0.78846,0.05027-1.1994-0.13644-0.41097-0.43218-0.64202-0.76571-0.92967-0.33353-0.28766-0.70551-0.58555-1.0683-0.86876-0.36275-0.2832-0.7178-0.56075-0.91597-0.78224-0.09908-0.11075-0.16221-0.21163-0.1841-0.26173,0.04834-0.0276,0.15448-0.058,0.3023-0.0902,0.29562-0.0643,0.74518-0.10714,1.2112-0.1267,0.46603-0.0196,0.94824-0.0298,1.3935-0.0697,0.44531-0.0399,0.84679-0.0499,1.2097-0.30216,0.36289-0.25221,0.5383-0.60511,0.71876-1.0001,0.18046-0.39497,0.33731-0.84115,0.50435-1.2616,0.16704-0.42041,0.31848-0.83556,0.47556-1.0859,0.07853-0.12515,0.16751-0.20007,0.21012-0.23565z"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Pafat/icons/prev.svg b/p/themes/Pafat/icons/prev.svg
new file mode 100644
index 000000000..000ecb10d
--- /dev/null
+++ b/p/themes/Pafat/icons/prev.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-301.0002,-747)">
+<path style="block-progression:tb;color:#666;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m313.01,749-1,0c-0.0104-0.00012-0.0208-0.00046-0.0313,0-0.25495,0.0112-0.50987,0.12858-0.6875,0.3125l-6.2977,5.7188,6.2977,5.7188c0.18816,0.18819,0.45346,0.28125,0.71875,0.28125h1v-1c0-0.26529-0.0931-0.53058-0.28125-0.71875l-4.829-4.2812,4.829-4.2812c0.21074-0.19463,0.30316-0.46925,0.28125-0.75z" fill-rule="nonzero" fill="#666"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Pafat/icons/read.svg b/p/themes/Pafat/icons/read.svg
new file mode 100644
index 000000000..f3ce7532d
--- /dev/null
+++ b/p/themes/Pafat/icons/read.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16.001" width="16">
+<g transform="translate(-60.99995,-296.9989)">
+<path opacity="1" style="baseline-shift:baseline;block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" fill="#666" d="m68.875,297a1.0001,1.0001,0,0,0,-0.5,0.25l-4.9062,4a1.0001,1.0001,0,0,0,-0.0625,0.0312s-0.32587,0.29728-0.65625,0.75c-0.22334,0.30605-0.3527,0.8316-0.5,1.3125a1.0001,1.0001,0,0,0,-0.03125,0.0312,1.0001,1.0001,0,0,0,-0.21875,0.5625c-0.00051,0.0118,0.00036,0.0195,0,0.0312a1.0001,1.0001,0,0,0,0,0.0312,1.0001,1.0001,0,0,0,0,0.15625v7.8438a1.0001,1.0001,0,0,0,1,1h12a1.0001,1.0001,0,0,0,1,-1v-7.8438a1.0001,1.0001,0,0,0,0,-0.15625,1.0001,1.0001,0,0,0,-0.21875,-0.65625,1.0001,1.0001,0,0,0,-0.03125,-0.0312c-0.32774-1.1879-1.125-2-1.125-2a1.0001,1.0001,0,0,0,-0.0312,-0.0312l-4.969-4.02a1.0001,1.0001,0,0,0,-0.65625,-0.25,1.0001,1.0001,0,0,0,-0.0937,0zm0.125,2.2812,4.3125,3.5312,0.0312,0.0312c0.021,0.0255,0.18032,0.24952,0.34375,0.5l-4.6874,3.5312-4.6875-3.5312c0.0259-0.0394,0.0349-0.0872,0.0625-0.125,0.1908-0.26146,0.31874-0.41421,0.34375-0.4375l0.03125-0.0312,4.25-3.4688zm-5,5.0938,4.6875,3.5312,0.3125,0.21875,0.3125-0.21875,4.6875-3.5312,0,6.625-10,0,0-6.625z"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/share.svg b/p/themes/Pafat/icons/share.svg
index db7a3649c..5010082cb 100644
--- a/p/themes/Screwdriver/icons/share.svg
+++ b/p/themes/Pafat/icons/share.svg
@@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g fill="#bebebe" transform="translate(-581.0002,-196)">
+<g fill="#666" transform="translate(-581.0002,-196)">
<path style="enable-background:new;color:#000000;" d="m291,178.03c0,1.0873-0.88144,1.9688-1.9688,1.9688-1.0873,0-1.9688-0.88144-1.9688-1.9688,0-1.0873,0.88144-1.9688,1.9688-1.9688,1.0873,0,1.9688,0.88144,1.9688,1.9688z" fill-rule="nonzero" transform="matrix(1.5079365,0,0,1.5079365,148.15963,-64.49107)"/>
<path style="enable-background:new;color:#000000;" d="m291,178.03c0,1.0873-0.88144,1.9688-1.9688,1.9688-1.0873,0-1.9688-0.88144-1.9688-1.9688,0-1.0873,0.88144-1.9688,1.9688-1.9688,1.0873,0,1.9688,0.88144,1.9688,1.9688z" fill-rule="nonzero" transform="matrix(1.5079365,0,0,1.5079365,158.12818,-59.49107)"/>
<path style="enable-background:new;color:#000000;" d="m291,178.03c0,1.0873-0.88144,1.9688-1.9688,1.9688-1.0873,0-1.9688-0.88144-1.9688-1.9688,0-1.0873,0.88144-1.9688,1.9688-1.9688,1.0873,0,1.9688,0.88144,1.9688,1.9688z" fill-rule="nonzero" transform="matrix(1.5079365,0,0,1.5079365,158.12818,-69.49107)"/>
diff --git a/p/themes/Pafat/icons/starred.svg b/p/themes/Pafat/icons/starred.svg
new file mode 100644
index 000000000..b9ab2f9f7
--- /dev/null
+++ b/p/themes/Pafat/icons/starred.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-41.000202,-397)">
+<path style="enable-background:accumulate;color:#000000;" d="m530.95,186.71c-0.77941,0.55189-3.1576-1.906-4.1125-1.9179-0.95532-0.0119-3.3949,2.3858-4.161,1.8149-0.76573-0.57072,0.83698-3.592,0.55319-4.5039-0.2839-0.91223-3.3182-2.4915-3.0119-3.3965,0.30617-0.90461,3.6749-0.31399,4.4544-0.86567,0.77986-0.5519,1.3442-3.9257,2.2995-3.914,0.95494,0.0116,1.4342,3.398,2.1998,3.9689,0.76588,0.57114,4.1489,0.0653,4.4331,0.97746,0.28402,0.9118-2.7885,2.414-3.0949,3.3186-0.30652,0.90489,1.22,3.966,0.44027,4.5182z" fill-rule="nonzero" transform="matrix(1.0472113,-0.00871584,0.00871584,1.0472113,-504.35434,220.15425)" fill="#666"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/tag.svg b/p/themes/Pafat/icons/tag.svg
index 0d6db6ed8..9908d4665 100644
--- a/p/themes/Screwdriver/icons/tag.svg
+++ b/p/themes/Pafat/icons/tag.svg
@@ -1,5 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
<g transform="translate(-141.0002,-807)">
-<path d="m149,809,0,13,4-4,4,4c0.0525-6.8494-0.0285-10.584,0-13z" fill="#bebebe"/>
+<path d="m149,809,0,13,4-4,4,4c0.0525-6.8494-0.0285-10.584,0-13z" fill="#666"/>
</g>
</svg> \ No newline at end of file
diff --git a/p/themes/Pafat/icons/unread.svg b/p/themes/Pafat/icons/unread.svg
new file mode 100644
index 000000000..77ce9c8b4
--- /dev/null
+++ b/p/themes/Pafat/icons/unread.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-40.99995,-297)" fill="#666">
+<path style="block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="m43.781,301a1.0001,1.0001,0,0,0,-0.40625,1.7812l5,4,0.625,0.5,0.625-0.5,5-4a1.0005,1.0005,0,1,0,-1.25,-1.5625l-4.375,3.5-4.375-3.5a1.0001,1.0001,0,0,0,-0.844,-0.22z"/>
+<path style="block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="M42.906,300a1.0001,1.0001,0,0,0,-0.906,1v9a1.0001,1.0001,0,0,0,1,1h12a1.0001,1.0001,0,0,0,1,-1v-9a1.0001,1.0001,0,0,0,-1,-1h-12a1.0001,1.0001,0,0,0,-0.09375,0zm1.094,2h10v7h-10v-7z"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Pafat/icons/up.svg b/p/themes/Pafat/icons/up.svg
new file mode 100644
index 000000000..bd9be09e9
--- /dev/null
+++ b/p/themes/Pafat/icons/up.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-201.0002,-747)">
+<path style="block-progression:tb;color:#666;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m215.03,759,0-1c-0.00091-0.0111,0.00059-0.021-0.00009-0.0312-0.0112-0.25496-0.12835-0.50994-0.31251-0.6875l-5.7188-6.2977-5.7188,6.2977c-0.18821,0.1881-0.28121,0.45346-0.28122,0.71875v1h1c0.26531-0.00007,0.53059-0.0931,0.71873-0.28131l4.2812-4.829,4.2813,4.829c0.19464,0.21073,0.46925,0.30315,0.74998,0.2813z" fill-rule="nonzero" fill="#666"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Pafat/loader.gif b/p/themes/Pafat/loader.gif
new file mode 100644
index 000000000..a3d327a18
--- /dev/null
+++ b/p/themes/Pafat/loader.gif
Binary files differ
diff --git a/p/themes/Pafat/metadata.json b/p/themes/Pafat/metadata.json
new file mode 100644
index 000000000..ba82e0a09
--- /dev/null
+++ b/p/themes/Pafat/metadata.json
@@ -0,0 +1,7 @@
+{
+ "name": "Pafat",
+ "author": "Plopoyop",
+ "description": "Un thème pour FreshRSS",
+ "version": 0.2,
+ "files": ["_template.css", "pafat.css"]
+}
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
new file mode 100644
index 000000000..a35ac861d
--- /dev/null
+++ b/p/themes/Pafat/pafat.css
@@ -0,0 +1,1084 @@
+@charset "UTF-8";
+
+/*=== FONTS */
+@font-face {
+ font-family: "OpenSans";
+ src: url("../fonts/openSans.woff") format("woff");
+}
+
+/*=== GENERAL */
+/*============*/
+html, body {
+ height: 100%;
+ font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif;
+ background: #fafafa;
+ color : #666;
+}
+
+/*=== Links */
+a {
+ color: #2980b9;
+ outline: none;
+}
+
+/*=== Forms */
+legend {
+ margin: 20px 0 5px;
+ padding: 5px 0;
+ border-bottom: 1px solid #ddd;
+ font-size: 1.4em;
+}
+label {
+ min-height: 25px;
+ padding: 5px 0;
+ cursor: pointer;
+}
+textarea {
+ width: 360px;
+ height: 100px;
+}
+input, select, textarea {
+ min-height: 25px;
+ padding: 1px;
+ background: #fdfdfd;
+ border: 1px solid #bbb;
+ border-radius: 3px;
+ color: #666;
+ line-height: 21px;
+ vertical-align: middle;
+}
+
+select{
+ height:29px;
+}
+option {
+ padding: 0 .5em;
+}
+input:focus, select:focus, textarea:focus {
+ outline-color: #aaa;
+}
+
+input:invalid, select:invalid {
+ border-color: #f00;
+ box-shadow: 0 0 2px 2px #fdd inset;
+ outline-color: #fdd;
+}
+input:disabled, select:disabled {
+ background: #eee;
+}
+input.extend {
+ transition: width 200ms linear;
+ -moz-transition: width 200ms linear;
+ -webkit-transition: width 200ms linear;
+ -o-transition: width 200ms linear;
+ -ms-transition: width 200ms linear;
+}
+
+/*=== Tables */
+table {
+ border-collapse: collapse;
+}
+
+tr, th, td {
+ padding: 0.5em;
+ border: 1px solid #ddd;
+}
+th {
+ background: #f6f6f6;
+}
+form td,
+form th {
+ font-weight: normal;
+ text-align: center;
+}
+
+/*=== COMPONENTS */
+/*===============*/
+/*=== Forms */
+.form-group.form-actions {
+ padding: 5px 0;
+ background: #f4f4f4;
+ border-top: 1px solid #ddd;
+}
+.form-group.form-actions .btn {
+ margin: 0 10px;
+}
+.form-group .group-name {
+ padding: 10px 0;
+ text-align: right;
+}
+.form-group .group-controls {
+ min-height: 25px;
+ padding: 5px 0;
+ margin : 10px 0 10px 220px;
+
+}
+.form-group table {
+ margin: 10px 0 0 220px;
+}
+
+/*=== Buttons */
+.stick {
+ vertical-align: middle;
+ font-size: 0;
+ min-width: 215px;
+}
+.stick input,
+.stick .btn {
+ border-radius: 0;
+}
+.stick .btn:first-child,
+.stick input:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.stick .btn-important:first-child {
+ width:176px;
+}
+.stick .btn:last-child,
+.stick input:last-child {
+ border-radius: 0 3px 3px 0;
+}
+.stick .btn + .btn,
+.stick .btn + input,
+.stick .btn + .dropdown > .btn,
+.stick input + .btn,
+.stick input + input,
+.stick input + .dropdown > .btn,
+.stick .dropdown + .btn,
+.stick .dropdown + input,
+.stick .dropdown + .dropdown > .btn {
+ border-left: none;
+
+}
+
+.stick .btn + .dropdown > .btn {
+ border-left: none;
+ border-radius: 0 3px 3px 0;
+}
+
+.btn {
+ display: inline-block;
+ min-height: 29px;
+ min-width: 15px;
+ margin: 0;
+ padding: 1px 5px;
+ background: #fff;
+ border-radius: 3px;
+ border: 1px solid #aaa;
+ color: #666;
+ font-size: 0.9rem;
+ vertical-align: middle;
+ cursor: pointer;
+ overflow: hidden;
+}
+
+a.btn {
+ min-height: 25px;
+ line-height: 25px;
+}
+
+
+a.btn {
+ min-height: 25px;
+ line-height: 25px;
+}
+
+.read_all.btn {
+ height:29px;
+}
+
+.btn:hover {
+ background: #f0f0f0;
+ text-decoration: none;
+}
+
+
+.category.stick .btn {
+ background:#5bc0de;
+ color : #FFF;
+ border-color :#5bc0de;
+}
+
+.category.stick .btn:first-child:hover, .category.stick .btn:last-child:hover, .category.stick .btn.active:first-child, .category.stick.active .btn:last-child {
+ background:#39b3d7;
+ border-color : #39b3d7;
+}
+
+
+.btn.active,
+.btn:active,
+.dropdown-target:target ~ .btn.dropdown-toggle {
+ background: #eee;
+}
+
+.category.all > .btn {
+ background: #428bca;
+ color : #FFF;
+ border-color : #428bca;
+}
+
+.category.all > .btn:hover {
+ background: #3276b1;
+ border-color : #3276b1;
+}
+
+.category.favorites > .btn {
+ background:#f0ad4e;
+ border-color: #f0ad4e;
+ color : #fff;
+}
+
+.category.favorites > .btn:hover {
+ background: #ed9c28;
+ border-color : #ed9c28;
+ color : white;
+}
+
+.btn-important {
+ background: #5cb85c;
+ color: #fff;
+ border-color: #5cb85c;
+ font-weight: normal;
+}
+.btn-important:hover, .btn-important:active {
+ background:#47a447;
+ border-color : #47a447;
+ box-shadow: none;
+}
+
+.btn-attention {
+ background: #d9534f;
+ color: #fff;
+ border: 1px solid #d9534f;
+ outline-color : #aaa;
+}
+.btn-attention:hover {
+ background: #d2322d;
+ border-color : #d2322d;
+}
+.btn-attention:active {
+ background: #d2322d;
+ box-shadow: none;
+}
+
+/*=== Navigation */
+.nav-list .nav-header,
+.nav-list .item {
+ height: 2.5em;
+ line-height: 2.5em;
+ font-size: 0.9rem;
+}
+.nav-list .item:hover {
+ background: #fafafa;
+}
+.nav-list .item:hover a {
+ color: #003388;
+}
+.nav-list .item.active {
+ background: #3498DB;
+ color: #fff;
+}
+.nav-list .item.active a {
+ color: #fff;
+}
+.nav-list .disable {
+ color: #aaa;
+ background: #fafafa;
+ text-align: center;
+}
+.nav-list .item > a {
+ padding: 0 10px;
+}
+.nav-list a:hover {
+ text-decoration: none;
+}
+.nav-list .item.empty a {
+ color: #f39c12;
+}
+.nav-list .item.active.empty a {
+ color: #fff;
+ background: #f39c12;
+}
+.nav-list .item.error a {
+ color: #BD362F;
+}
+.nav-list .item.active.error a {
+ color: #fff;
+ background: #BD362F;
+}
+
+.nav-list .nav-header {
+ padding: 0 10px;
+ color: #888;
+ background: #f4f4f4;
+ border-bottom: 1px solid #ddd;
+ font-weight: bold;
+}
+
+.nav-list .nav-form {
+ padding: 3px;
+ text-align: center;
+}
+
+.nav-head {
+ margin: 0;
+ background: #fff;
+ background: linear-gradient(to bottom, #fff, #f0f0f0);
+ background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+ background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+ background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+ background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+ border-bottom: 1px solid #ddd;
+ text-align: right;
+}
+.nav-head .item {
+ padding: 5px 10px;
+ font-size: 0.9rem;
+ line-height: 1.5rem;
+}
+
+/*=== Horizontal-list */
+.horizontal-list {
+ margin: 0;
+ padding: 0;
+}
+.horizontal-list .item {
+ vertical-align: middle;
+}
+
+/*=== Dropdown */
+.dropdown-menu {
+ margin: 5px 0 0;
+ padding: 5px 0;
+ border: 1px solid #aaa;
+ border-radius: 5px;
+ font-size: 0.8rem;
+ text-align: left;
+}
+.dropdown-menu:after {
+ content: "";
+ position: absolute;
+ top: -6px;
+ right: 13px;
+ width: 10px;
+ height: 10px;
+ background: #fff;
+ border-top: 1px solid #aaa;
+ border-left: 1px solid #aaa;
+ z-index: -10;
+ transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+}
+.dropdown-header {
+ padding: 0 5px 5px;
+ color: #888;
+ font-weight: bold;
+ text-align: left;
+}
+.dropdown-menu > .item {
+}
+
+.dropdown-menu > .item > a {
+ padding: 0 22px;
+ line-height: 2.5em;
+ color: #666;
+ font-size: 0.8rem;
+}
+
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link {
+ padding: 0 22px;
+ line-height: 2em;
+ font-size: 0.8rem;
+}
+
+.dropdown-menu > .item:hover {
+ background: #eee;
+ color: #666;
+}
+.dropdown-menu > .item[aria-checked="true"] > a:before {
+ font-weight: bold;
+ margin: 0 0 0 -14px;
+}
+.dropdown-menu > .item:hover > a {
+ color: #666;
+ text-decoration: none;
+}
+.dropdown-menu .input select,
+.dropdown-menu .input input {
+ margin: 0 auto 5px;
+ padding: 2px 5px;
+ border-radius: 3px;
+}
+
+.separator {
+ margin: 5px 0;
+ border-bottom: 1px solid #ddd;
+}
+
+/*=== Alerts */
+.alert {
+ margin: 15px auto;
+ padding: 10px 15px;
+ background: #f4f4f4;
+ border: 1px solid #ccc;
+ border-right: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ border-radius: 5px;
+ color: #aaa;
+ font-size: 0.9em;
+}
+.alert-head {
+ font-size: 1.15em;
+}
+.alert > a {
+ color: inherit;
+ text-decoration: underline;
+}
+.alert-warn {
+ background: #ffe;
+ border: 1px solid #eeb;
+ color: #c95;
+}
+.alert-success {
+ background: #dfd;
+ border: 1px solid #cec;
+ color: #484;
+}
+.alert-error {
+ background: #fdd;
+ border: 1px solid #ecc;
+ color: #844;
+}
+
+/*=== Pagination */
+.pagination {
+ background: #fff;
+ text-align: center;
+ color: #41444f;
+ font-size: 0.8em;
+}
+.content .pagination {
+ margin: 0;
+ padding: 0;
+}
+.pagination .item.pager-current {
+ font-weight: bold;
+ font-size: 1.5em;
+}
+.pagination .item a {
+ display: block;
+ color: #41444f;
+ font-style: italic;
+ line-height: 3em;
+ text-decoration: none;
+}
+.pagination .item a:hover {
+ background: #ddd;
+}
+.pagination:first-child .item {
+ border-bottom: 1px solid #aaa;
+}
+.pagination:last-child .item {
+ border-top: 1px solid #aaa;
+}
+
+.pagination .loading,
+.pagination a:hover.loading {
+ background: url("loader.gif") center center no-repeat #fff;
+ font-size: 0;
+}
+
+/*=== STRUCTURE */
+/*===============*/
+/*=== Header */
+.header {
+ height: 85px;
+ background: #41444f;
+}
+.header > .item {
+ padding: 10px;
+ border-bottom: 1px solid #aaa;
+ vertical-align: middle;
+ text-align: center;
+}
+.header > .item.title{
+ width: 230px;
+}
+.header > .item.title h1 {
+ margin: 0.5em 0;
+}
+
+.header > .item.title h1 a, a.signin {
+ text-decoration: none;
+ color : #C5C6CA;
+}
+
+.header > .item.search input {
+ width: 230px;
+ height : 29px;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.header > .item.search button {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height : 29px;
+}
+
+.header .item.search input:focus {
+ width: 350px;
+}
+
+/*=== Body */
+#global {
+ height: calc(100% - 85px);
+}
+.aside {
+ border-right: 1px solid #aaa;
+ background: #fff;
+}
+.aside.aside_flux {
+ padding: 10px 0 50px;
+}
+
+/*=== Aside main page (categories) */
+.categories {
+ text-align: center;
+}
+.category {
+ width: 215px;
+ margin: 10px auto;
+ text-align: left;
+}
+.category .btn:first-child {
+ position: relative;
+ width: 203px;
+}
+.category.stick .btn:first-child {
+ width: 176px;
+}
+.category .btn:first-child:not([data-unread="0"]):after {
+ position: absolute;
+ top: 2px; right: 3px;
+ padding: 0px 3px;
+ border: 1px solid ;
+ border-radius: 3px;
+ font-size:10pt;
+ line-height : 20px;
+}
+
+/*=== Aside main page (feeds) */
+.categories .feeds .item.active {
+ background: #5cb85c;
+}
+.categories .feeds .item.active .feed {
+ color: #fff;
+}
+.categories .feeds .item.empty .feed {
+ color: #e67e22;
+}
+.categories .feeds .item.empty.active {
+ background: #e67e22;
+}
+.categories .feeds .item.empty.active .feed {
+ color: #fff;
+}
+.categories .feeds .item.error .feed {
+ color: #BD362F;
+}
+.categories .feeds .item .feed {
+ margin: 0;
+ width: 165px;
+ line-height: 3em;
+ font-size: 0.8em;
+ text-align: left;
+ text-decoration: none;
+}
+.categories .feeds .feed:not([data-unread="0"]) {
+ font-weight: bold;
+}
+.categories .feeds .dropdown-menu:after {
+ left: 2px;
+}
+.categories .feeds .item .dropdown-target:target ~ .dropdown-toggle > .icon,
+.categories .feeds .item:hover .dropdown-toggle > .icon,
+.categories .feeds .item.active .dropdown-toggle > .icon {
+ background-color: #fff;
+ border-radius: 3px;
+ vertical-align: middle;
+}
+
+/*=== Configuration pages */
+.post {
+ padding: 10px 50px;
+ font-size: 0.9em;
+}
+.post form {
+ margin: 10px 0;
+}
+.post.content {
+ max-width: 550px;
+}
+
+/*=== Prompt (centered) */
+.prompt {
+ text-align: center;
+}
+.prompt label {
+ text-align: left;
+}
+.prompt form {
+ margin: 10px auto 20px auto;
+ width: 200px;
+}
+.prompt input {
+ margin: 5px auto;
+ width: 100%;
+}
+.prompt p {
+ margin: 20px 0;
+}
+
+/*=== New article notification */
+#new-article {
+ background: #428bca;
+ text-align: center;
+ font-size: 0.9em;
+}
+#new-article:hover {
+ background: #3276b1;
+}
+#new-article > a {
+ line-height: 3em;
+ color: #fff;
+ font-weight: bold;
+}
+#new-article > a:hover {
+ text-decoration: none;
+}
+
+/*=== Day indication */
+.day {
+ padding: 0 10px;
+ font-weight: bold;
+ line-height: 3em;
+ background: #fff;
+ border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ color : #666;
+}
+#new-article + .day {
+ border-top: none;
+}
+.day .name {
+ padding: 0 10px 0 0;
+ color : #666;
+ font-size: 1.8em;
+ opacity: 0.3;
+ font-style: italic;
+ text-align: right;
+}
+
+/*=== Index menu */
+.nav_menu {
+ background: #fafafa;
+ border-bottom: 1px solid #aaa;
+ text-align: center;
+ padding: 5px 0;
+}
+
+/*=== Feed articles */
+.flux {
+ border-left: 3px solid #5cb85c;
+ background: #fafafa;
+}
+.flux:hover {
+ background: #fff;
+}
+.flux.current {
+ border-left: 3px solid #39b3d7;
+}
+.flux.not_read {
+ border-left: 3px solid #d9534f;
+}
+.flux .item.title a, .flux.not_read:not(.current):hover .item.title {
+ color : #333;
+}
+.flux.favorite {
+ border-left: 2px solid #428bca;
+ background: #FFF6DA;
+}
+.flux.favorite:not(.current):hover .item.title {
+ background: #FFF6DA;
+}
+.flux.current {
+ background: #fff;
+}
+
+
+.flux_header {
+ border-top: 1px solid #ddd;
+ font-size: 0.8rem;
+ cursor: pointer;
+}
+.flux_header .title {
+ font-size: 0.9rem;
+}
+.flux .website .favicon {
+ padding: 5px;
+}
+.flux .date {
+ color: #666;
+ font-size: 0.7rem;
+}
+
+.flux .bottom {
+ font-size: 0.8rem;
+ text-align: center;
+}
+
+/*=== Content of feed articles */
+.content {
+ padding: 20px 10px;
+}
+.content > h1.title > a {
+ color: #333;
+}
+
+.content hr {
+ margin: 30px 10px;
+ height: 1px;
+ background: #ddd;
+ border: 0;
+ box-shadow: 0 2px 5px #ccc;
+}
+
+.content pre {
+ margin: 10px auto;
+ padding: 10px 20px;
+ overflow: auto;
+ background: #222;
+ color: #fff;
+ font-size: 0.9rem;
+ border-radius: 3px;
+}
+.content code {
+ padding: 2px 5px;
+ color: #dd1144;
+ background: #fafafa;
+ border: 1px solid #eee;
+ border-radius: 3px;
+}
+.content pre code {
+ background: transparent;
+ color: #fff;
+ border: none;
+}
+
+.content blockquote {
+ display: block;
+ margin: 0;
+ padding: 5px 20px;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ background: #fafafa;
+ color: #41444f;
+}
+.content blockquote p {
+ margin: 0;
+}
+
+/*=== Notification and actualize notification */
+.notification {
+ padding: 0 0 0 5px;
+ text-align: center;
+ border: 1px solid #eeb;
+ border-radius: 3px;
+ box-shadow: 0 0 5px #ddd;
+ font-weight: bold;
+ font-size: 0.9em;
+ line-height: 3em;
+ z-index: 10;
+ vertical-align: middle;
+}
+.notification.good {
+ background: #ffe;
+ border: 1px solid #eeb;
+ color: #c95;
+}
+.notification.bad {
+ background: #fdd;
+ border: 1px solid #ecc;
+ color: #844;
+}
+.notification a.close {
+ padding: 0 15px;
+ line-height: 3em;
+}
+.notification.good a.close:hover {
+ background: #eeb;
+}
+.notification.bad a.close:hover {
+ background: #ecc;
+}
+
+.notification#actualizeProgress {
+ line-height: 2em;
+}
+
+/*=== "Load more" part */
+#bigMarkAsRead {
+ text-align: center;
+ text-decoration: none;
+ color: #666;
+ background: #fafafa;
+}
+#bigMarkAsRead:hover {
+ color: #000;
+ background: #f0f0f0;
+}
+
+#bigMarkAsRead:hover .bigTick {
+/* text-shadow: 0 0 10px #666;*/
+}
+
+/*=== Navigation menu (for articles) */
+#nav_entries {
+ margin: 0;
+ background: #fff;
+ border-top: 1px solid #ddd;
+ text-align: center;
+ line-height: 3em;
+ table-layout: fixed;
+}
+
+#nav_entries .item:hover {
+ background:#eee ;
+}
+/*=== READER VIEW */
+/*================*/
+#stream.reader .flux {
+ padding: 0 0 50px;
+ border: none;
+ background: #f0f0f0;
+ color: #41444f;
+}
+#stream.reader .flux .author {
+ margin: 0 0 10px;
+ font-size: 90%;
+ color: #666;
+}
+
+/*=== GLOBAL VIEW */
+/*================*/
+#stream.global .box-category {
+ background: #fff;
+ border:none;
+ text-align: left;
+}
+
+#stream.global .category {
+ margin: 0;
+}
+
+#stream.global .category:first-child {
+ margin: 0;
+}
+
+
+#stream.global .btn {
+ width: auto;
+ height: 2em;
+ margin: 0;
+ padding: 0 10px;
+ background: #f6f6f6;
+ border-bottom: 1px solid #aaa;
+ border-radius: 5px 5px 0 0;
+ line-height: 2em;
+ font-size: 1.2rem;
+}
+
+#stream.global .btn:not([data-unread="0"]) {
+ background: #5bc0de;
+ border-color : #5bc0de;
+ color: #fff;
+ font-weight: bold;
+ text-shadow: none;
+
+}
+
+
+#stream.global .btn:first-child:not([data-unread="0"]):after {
+ top: 0; right: 5px;
+ border: 0;
+ background: none;
+ color: #fff;
+ font-weight: bold;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+#stream.global .box-category .feeds {
+ max-height: 250px;
+ width: 302px;
+ border : solid #aaa 1px;
+ border-top : none;
+}
+
+#stream.global .box-category .feeds .item {
+ padding: 2px 10px;
+ font-size: 0.9rem;
+}
+
+/*=== DIVERS */
+/*===========*/
+.aside.aside_feed .nav-form input,
+.aside.aside_feed .nav-form select {
+ width: 140px;
+}
+.aside.aside_feed .nav-form .dropdown .dropdown-menu {
+ right: -20px;
+}
+.aside.aside_feed .nav-form .dropdown .dropdown-menu:after {
+ right: 33px;
+}
+
+/*=== STATISTICS */
+/*===============*/
+.stat {
+ margin: 10px 0 20px;
+}
+
+.stat th,
+.stat td,
+.stat tr {
+ border: none;
+}
+.stat > table td,
+.stat > table th {
+ border-bottom: 1px solid #ddd;
+ text-align: center;
+}
+.stat > .horizontal-list {
+ margin: 0 0 5px;
+}
+.stat > .horizontal-list .item {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.stat > .horizontal-list .item:first-child {
+ width: 250px;
+}
+
+/*=== LOGS */
+/*=========*/
+.logs {
+ border: 1px solid #aaa;
+ border-radius: 5px;
+ overflow: hidden;
+}
+.log {
+ padding: 5px 10px;
+ background: #fafafa;
+ color: #41444f;
+ font-size: 0.8rem;
+}
+.log+.log {
+ border-top: 1px solid #aaa;
+}
+.log .date {
+ display: block;
+ font-weight: bold;
+}
+.log.error {
+ background: #fdd;
+ color: #844;
+}
+.log.warning {
+ background: #ffe;
+ color: #c95;
+}
+.log.notice {
+ background: #f4f4f4;
+ color: #aaa;
+}
+.log.debug {
+ background: #41444f;
+ color: #eee;
+}
+
+/*=== MOBILE */
+/*===========*/
+@media(max-width: 840px) {
+ .aside {
+ box-shadow: 3px 0 3px #aaa;
+ transition: width 200ms linear;
+ -moz-transition: width 200ms linear;
+ -webkit-transition: width 200ms linear;
+ -o-transition: width 200ms linear;
+ -ms-transition: width 200ms linear;
+ }
+ .aside .toggle_aside,
+ #panel .close {
+ position: absolute;
+ display: block;
+ top: 0; right: 0;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ background: #f6f6f6;
+ border-left: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ border-radius: 0 0 0 5px;
+ }
+
+ .nav_menu .btn {
+ margin: 5px 10px;
+ }
+ .nav_menu .stick {
+ margin: 0 10px;
+ }
+ .nav_menu .stick .btn {
+ margin: 5px 0;
+ }
+ .nav_menu .search {
+ display: inline-block;
+ max-width: 97%;
+ }
+ .nav_menu .search input {
+ max-width: 97%;
+ width: 90px;
+ }
+ .nav_menu .search input:focus {
+ width: 400px;
+ }
+
+ .day .name {
+ font-size: 1.1rem;
+ text-shadow: none;
+ }
+
+ .pagination {
+ margin: 0 0 3.5em;
+ }
+
+ .notification a.close {
+ display: block;
+ left: 0;
+ background: transparent;
+ }
+ .notification a.close:hover {
+ opacity: 0.5;
+ }
+ .notification a.close .icon {
+ display: none;
+ }
+} \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/add.svg b/p/themes/Screwdriver/icons/add.svg
deleted file mode 100644
index 652491775..000000000
--- a/p/themes/Screwdriver/icons/add.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-60.0002,-726)">
-<path style="color:#666666;" fill="#666" d="m67,729,0,4-4,0,0,2,4,0,0,4,2,0,0-4,4,0,0-2-4,0,0-4-2,0z"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/all.svg b/p/themes/Screwdriver/icons/all.svg
deleted file mode 100644
index aeaa96277..000000000
--- a/p/themes/Screwdriver/icons/all.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-40.0002,-746)" fill="#bebebe">
-<rect style="color:#bebebe;" height="2.0002" width="9.9996" y="749" x="43"/>
-<rect style="color:#bebebe;" height="2.0002" width="9.9996" y="753" x="43"/>
-<rect style="color:#bebebe;" height="2.0002" width="9.9996" y="757" x="43"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/apple-touch-icon.png b/p/themes/Screwdriver/icons/apple-touch-icon.png
deleted file mode 100644
index 0bbab07ea..000000000
--- a/p/themes/Screwdriver/icons/apple-touch-icon.png
+++ /dev/null
Binary files differ
diff --git a/p/themes/Screwdriver/icons/bookmark-add.svg b/p/themes/Screwdriver/icons/bookmark-add.svg
deleted file mode 100644
index 51db9c498..000000000
--- a/p/themes/Screwdriver/icons/bookmark-add.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-141.0002,-807)" fill="#bebebe">
-<path d="m143,807,0,13,4-4,4,4,0-4,0-1-2,0,0-4,2,0,0-4z"/>
-<path d="m152,810,0,2-2,0,0,2,2,0,0,2,2,0,0-2,2,0,0-2-2,0,0-2-2,0z"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/bookmark.svg b/p/themes/Screwdriver/icons/bookmark.svg
index 4041c6503..edf5a02db 100644
--- a/p/themes/Screwdriver/icons/bookmark.svg
+++ b/p/themes/Screwdriver/icons/bookmark.svg
@@ -1,60 +1,5 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
- xmlns:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- height="16"
- width="16"
- id="svg2"
- version="1.1"
- inkscape:version="0.48.4 r9939"
- sodipodi:docname="bookmark.svg">
- <metadata
- id="metadata12">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs10" />
- <sodipodi:namedview
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="1366"
- inkscape:window-height="745"
- id="namedview8"
- showgrid="false"
- inkscape:zoom="14.75"
- inkscape:cx="-2.2033898"
- inkscape:cy="8"
- inkscape:window-x="0"
- inkscape:window-y="0"
- inkscape:window-maximized="1"
- inkscape:current-layer="svg2" />
- <g
- transform="translate(-41.000202,-397)"
- id="g4">
- <path
- style="enable-background:accumulate;color:#000000;fill:#d18104;fill-opacity:1"
- d="m530.95,186.71c-0.77941,0.55189-3.1576-1.906-4.1125-1.9179-0.95532-0.0119-3.3949,2.3858-4.161,1.8149-0.76573-0.57072,0.83698-3.592,0.55319-4.5039-0.2839-0.91223-3.3182-2.4915-3.0119-3.3965,0.30617-0.90461,3.6749-0.31399,4.4544-0.86567,0.77986-0.5519,1.3442-3.9257,2.2995-3.914,0.95494,0.0116,1.4342,3.398,2.1998,3.9689,0.76588,0.57114,4.1489,0.0653,4.4331,0.97746,0.28402,0.9118-2.7885,2.414-3.0949,3.3186-0.30652,0.90489,1.22,3.966,0.44027,4.5182z"
- fill-rule="nonzero"
- transform="matrix(1.0472113,-0.00871584,0.00871584,1.0472113,-504.35434,220.15425)"
- fill="#f1c40f"
- id="path6" />
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-41.000202,-397)">
+<path style="color:#000000;enable-background:accumulate;" d="m530.95,186.71c-0.77941,0.55189-3.1576-1.906-4.1125-1.9179-0.95532-0.0119-3.3949,2.3858-4.161,1.8149-0.76573-0.57072,0.83698-3.592,0.55319-4.5039-0.2839-0.91223-3.3182-2.4915-3.0119-3.3965,0.30617-0.90461,3.6749-0.31399,4.4544-0.86567,0.77986-0.5519,1.3442-3.9257,2.2995-3.914,0.95494,0.0116,1.4342,3.398,2.1998,3.9689,0.76588,0.57114,4.1489,0.0653,4.4331,0.97746,0.28402,0.9118-2.7885,2.414-3.0949,3.3186-0.30652,0.90489,1.22,3.966,0.44027,4.5182z" fill-rule="nonzero" transform="matrix(1.0472113,-0.00871584,0.00871584,1.0472113,-504.35434,220.15425)" fill="#d18104"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/category-white.svg b/p/themes/Screwdriver/icons/category-white.svg
deleted file mode 100644
index 5bb5cecd9..000000000
--- a/p/themes/Screwdriver/icons/category-white.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-442,-176)">
-<g transform="translate(234.0002,-820)">
-<path d="m208.53,997c-0.28913,0-0.53125,0.24212-0.53125,0.53125v13.938c0,0.2985,0.23264,0.5312,0.53125,0.5312h14.938c0.2986,0,0.53125-0.2326,0.53125-0.5312v-8.9376c0-0.2891-0.24212-0.5312-0.53125-0.5312h-12.469v7.5c0,0.277-0.223,0.5-0.5,0.5s-0.5-0.223-0.5-0.5v-8c0-0.277,0.223-0.5,0.5-0.5h2.9688,8.5312v-1.4062c0-0.3272-0.26666-0.5938-0.59375-0.5938h-7.4062v-1.4688c0-0.39-0.24-0.63-0.53-0.63z" fill="#FFF"/>
-</g>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/category.svg b/p/themes/Screwdriver/icons/category.svg
deleted file mode 100644
index b5470d84a..000000000
--- a/p/themes/Screwdriver/icons/category.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-442,-176)">
-<g transform="translate(234.0002,-820)">
-<path d="m208.53,997c-0.28913,0-0.53125,0.24212-0.53125,0.53125v13.938c0,0.2985,0.23264,0.5312,0.53125,0.5312h14.938c0.2986,0,0.53125-0.2326,0.53125-0.5312v-8.9376c0-0.2891-0.24212-0.5312-0.53125-0.5312h-12.469v7.5c0,0.277-0.223,0.5-0.5,0.5s-0.5-0.223-0.5-0.5v-8c0-0.277,0.223-0.5,0.5-0.5h2.9688,8.5312v-1.4062c0-0.3272-0.26666-0.5938-0.59375-0.5938h-7.4062v-1.4688c0-0.39-0.24-0.63-0.53-0.63z" fill="#666"/>
-</g>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/close.svg b/p/themes/Screwdriver/icons/close.svg
deleted file mode 100644
index 20d1577ab..000000000
--- a/p/themes/Screwdriver/icons/close.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-60,-518)">
-<g transform="translate(19,-242)">
-<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m45,764,1,0c0.01037-0.00012,0.02079-0.00046,0.03125,0,0.25495,0.0112,0.50987,0.12858,0.6875,0.3125l2.282,2.28,2.312-2.28c0.266-0.23,0.447-0.3,0.688-0.31h1v1c0,0.28647-0.03434,0.55065-0.25,0.75l-2.2812,2.2812,2.25,2.25c0.188,0.19,0.281,0.45,0.281,0.72v1h-1c-0.2653-0.00001-0.53059-0.0931-0.71875-0.28125l-2.281-2.28-2.281,2.28c-0.188,0.19-0.454,0.28-0.719,0.28h-1v-1c-0.000003-0.26529,0.09306-0.53058,0.28125-0.71875l2.2812-2.25-2.281-2.28c-0.21-0.19-0.303-0.47-0.281-0.75v-1z" fill-rule="nonzero" fill="#bebebe"/>
-</g>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/configure.svg b/p/themes/Screwdriver/icons/configure.svg
deleted file mode 100644
index 2957a7abe..000000000
--- a/p/themes/Screwdriver/icons/configure.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-441.0002,-400.99999)">
-<path style="color:#666666;enable-background:accumulate;" d="m449,402c-0.22065,0-0.44081,0.0113-0.65625,0.0312l-0.40625,2.0938c-0.33446,0.0733-0.66305,0.17589-0.96875,0.3125l-1.5312-1.4688c-0.38863,0.23011-0.72695,0.51408-1.0625,0.8125l0.90625,1.9062c-0.22242,0.24899-0.42425,0.5225-0.59375,0.8125l-2.0938-0.28125c-0.17772,0.40877-0.30872,0.83637-0.40625,1.2812l1.8438,1c-0.0171,0.16809-0.0312,0.3274-0.0312,0.5s0.0142,0.33191,0.0312,0.5l-1.8438,1c0.0975,0.44488,0.22853,0.87248,0.40625,1.2812l2.0938-0.28125c0.1695,0.29,0.37133,0.56351,0.59375,0.8125l-0.90625,1.9062c0.33555,0.29842,0.67387,0.58239,1.0625,0.8125l1.5312-1.4688c0.3057,0.13661,0.63429,0.23916,0.96875,0.3125l0.40625,2.0938c0.21544,0.02,0.4356,0.0312,0.65625,0.0312s0.44081-0.0113,0.65625-0.0312l0.40625-2.0938c0.33446-0.0733,0.66305-0.17589,0.96875-0.3125l1.5312,1.4688c0.38863-0.23011,0.72695-0.51408,1.0625-0.8125l-0.90625-1.9062c0.22242-0.24899,0.42425-0.5225,0.59375-0.8125l2.0938,0.28125c0.17772-0.40877,0.30872-0.83637,0.40625-1.2812l-1.8438-1c0.0171-0.16809,0.0312-0.3274,0.0312-0.5s-0.0142-0.33191-0.0312-0.5l1.8438-1c-0.0975-0.44488-0.22853-0.87248-0.40625-1.2812l-2.0938,0.28125c-0.1695-0.29-0.37133-0.56351-0.59375-0.8125l0.90625-1.9062c-0.33555-0.29842-0.67387-0.58239-1.0625-0.8125l-1.5312,1.4688c-0.3057-0.13661-0.63429-0.23916-0.96875-0.3125l-0.40625-2.0938c-0.21544-0.02-0.4356-0.0312-0.65625-0.0312zm0,4c1.6568,0,3,1.3432,3,3s-1.3432,3-3,3-3-1.3432-3-3,1.3432-3,3-3z" fill-rule="nonzero" fill="#666"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/favicon-16-32-48-64.ico b/p/themes/Screwdriver/icons/favicon-16-32-48-64.ico
deleted file mode 100644
index 90f7d5118..000000000
--- a/p/themes/Screwdriver/icons/favicon-16-32-48-64.ico
+++ /dev/null
Binary files differ
diff --git a/p/themes/Screwdriver/icons/favicon-256.png b/p/themes/Screwdriver/icons/favicon-256.png
deleted file mode 100644
index 8b1021e1a..000000000
--- a/p/themes/Screwdriver/icons/favicon-256.png
+++ /dev/null
Binary files differ
diff --git a/p/themes/Screwdriver/icons/favicon.svg b/p/themes/Screwdriver/icons/favicon.svg
deleted file mode 100644
index a252050b9..000000000
--- a/p/themes/Screwdriver/icons/favicon.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
- <title>Logo FreshRSS</title>
- <circle fill="#FFF" cx="128" cy="128" r="128"/>
- <circle fill="#0062BE" cx="128" cy="128" r="33"/>
- <g fill="none" stroke="#0062BE" stroke-width="24">
- <g stroke-opacity="0.3">
- <path d="M12,128 A116,116 0 1,1 128,244"/>
- <path d="M54,128 A74,74 0 1,1 128,202"/>
- </g>
- <path d="M128,12 A116,116 0 0,1 244,128"/>
- <path d="M128,54 A74,74 0 0,1 202,128"/>
- </g>
-</svg>
diff --git a/p/themes/Screwdriver/icons/grey.gif b/p/themes/Screwdriver/icons/grey.gif
deleted file mode 100644
index c7212bc1f..000000000
--- a/p/themes/Screwdriver/icons/grey.gif
+++ /dev/null
Binary files differ
diff --git a/p/themes/Screwdriver/icons/help.svg b/p/themes/Screwdriver/icons/help.svg
deleted file mode 100644
index 9a0022f76..000000000
--- a/p/themes/Screwdriver/icons/help.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-182,-490)" fill="#bebebe">
-<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="m190,490c-4.4147,0-8,3.5853-8,8s3.5853,8,8,8,8-3.5853,8-8-3.5853-8-8-8zm0,2c3.3413,0,6,2.6587,6,6s-2.6587,6-6,6-6-2.6587-6-6,2.6587-6,6-6z"/>
-<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="M189.34,495c-1.28,0-2.34,1.06-2.34,2.34v1.3125c0,1.2861,1.0576,2.3438,2.3438,2.3438h1.3125c1.29,0.01,2.35-1.05,2.35-2.33v-1.3125c0-1.29-1.06-2.35-2.34-2.35h-1.3125zm0,1,1.3125,0c0.74942,0,1.3438,0.59433,1.3438,1.3438v1.3125c0.01,0.76-0.58,1.35-1.33,1.35h-1.3125c-0.76,0-1.35-0.59-1.35-1.34v-1.3125c0-0.76,0.59-1.35,1.34-1.35z"/>
-<path d="m186.72,491.44c-1.5103,0.6073-2.6811,1.7985-3.2812,3.3125l3.75,1.875c0.25196-0.64029,0.74249-1.1706,1.375-1.4375l-1.8438-3.75zm6.5625,0-1.8438,3.75c0.63251,0.26694,1.123,0.79721,1.375,1.4375l3.75-1.875c-0.60015-1.514-1.7709-2.7052-3.2812-3.3125zm-6.0938,8-3.75,1.875c0.60709,1.4886,1.789,2.65,3.2812,3.25l1.875-3.75c-0.62682-0.25556-1.1433-0.75203-1.4062-1.375zm5.625,0c-0.26291,0.62297-0.77943,1.1194-1.4062,1.375l1.875,3.75c1.4923-0.60005,2.6742-1.7614,3.2812-3.25l-3.75-1.875z"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/key.svg b/p/themes/Screwdriver/icons/key.svg
deleted file mode 100644
index 9193f4552..000000000
--- a/p/themes/Screwdriver/icons/key.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg">
-<g transform="translate(-340.99994,-257)" fill="#666666">
-<path style="block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="m346,260c-2.7496,0-5,2.2504-5,5s2.2504,5,5,5c1.5862,0,2.9034-0.84459,3.8125-2h4.8438,0.75l0.21875-0.75,1.0312-4,0.3125-1.25h-1.2812-5.875c-0.90914-1.1554-2.2263-2-3.8125-2zm0,2c1.1158,0,2.0379,0.59507,2.5625,1.5l0.3125,0.5h0.5625,4.9688l-0.53125,2h-4.4375-0.5625l-0.3125,0.5c-0.52462,0.90493-1.4466,1.5-2.5625,1.5-1.6687,0-3-1.3313-3-3s1.3313-3,3-3z"/>
-<path opacity="0.35" style="enable-background:accumulate;color:#000000;" d="M355.5,265,350,265,349.44,267,355,267z" fill-rule="nonzero"/>
-<path style="enable-background:accumulate;color:#000000;" d="m346,265c0,0.55228-0.44772,1-1,1s-1-0.44772-1-1,0.44772-1,1-1,1,0.44772,1,1z" fill-rule="nonzero"/>
-</g>
-</svg>
diff --git a/p/themes/Screwdriver/icons/link.svg b/p/themes/Screwdriver/icons/link.svg
deleted file mode 100644
index e5290af76..000000000
--- a/p/themes/Screwdriver/icons/link.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16.004" width="16">
-<g fill="#bebebe" transform="translate(-183,-529)">
-<path style="enable-background:accumulate;color:#000000;" d="m191,533.85,0,10.38-2.344-2.2882-1.3394,2.7346c-0.32808,0.73962-2.0337,0.14492-1.5487-0.84412l1.3255-2.8393h-2.9579l6.8645-7.1436z" fill-rule="nonzero" display="block"/>
-<path d="m190.16,530.06c-3.8266,0.46006-6.5788,3.9578-6.0938,7.7812,0.13127,1.0347,0.29377,1.3818,0.29377,1.3818l1.675-1.6318c-0.33104-2.7534,1.6216-5.2315,4.375-5.5625,2.7534-0.33104,5.2315,1.6216,5.5625,4.375,0.31355,2.608-1.3913,5.0249-3.9688,5.5312l0.0312,2s0.52086-0.1059,0.62354-0.13097c3.4156-0.83385,5.7063-4.1273,5.2827-7.6503-0.46006-3.8266-3.9547-6.5538-7.7812-6.0938z" style="baseline-shift:baseline;block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;"/>
-<path opacity="0.3" style="enable-background:accumulate;color:#000000;" d="m187.11,536.81,0-0.20574-0.19826,0.0186c0.0165-0.13095,0.0329-0.26167,0.0496-0.3926h-0.11578l-0.11556,0.14959-0.11578,0.0559-0.1653-0.0932-0.0165-0.20575,0.0331-0.22438,0.24798-0.18688h0.19826l0.0329-0.11229,0.24786,0.0559,0.18183,0.2246,0.0331-0.37419,0.31401-0.26167,0.11567-0.28055,0.23133-0.0934,0.1322-0.18688,0.29738-0.0564,0.14885-0.22415h-0.44623l0.28094-0.13095h0.19814l0.28106-0.0937,0.0331-0.11186-0.0992-0.0937-0.11567-0.0375,0.0331-0.11208-0.0826-0.16822-0.19837,0.0746,0.0331-0.14947-0.23134-0.13096-0.18171,0.3177,0.0165,0.11229-0.18171,0.075-0.11578,0.24302-0.0495-0.22438-0.31402-0.13095-0.0496-0.16822,0.41315-0.24325,0.18182-0.16822,0.0165-0.20563-0.0991-0.0562-0.13219-0.0188-0.0826,0.20575s-0.1382,0.0271-0.17373,0.0358c-0.45378,0.41804-1.3707,1.3204-1.5837,3.024,0.008,0.0395,0.15441,0.26854,0.15441,0.26854l0.347,0.20552,0.347,0.0937m3.9661-4.3003-0.4298-0.16833-0.49552,0.0561-0.61161,0.16822-0.11567,0.11229,0.38008,0.26167,0,0.14959-0.14875,0.14959,0.19846,0.39294,0.13188-0.075,0.16561-0.26168c0.2553-0.0789,0.4842-0.16833,0.72686-0.28053l0.19846-0.5048m2.5292,0.34192-0.375,0.0937-0.21875,0.15625,0,0.125-0.375,0.25,0.0937,0.34375,0.21875-0.15625,0.125,0.15625,0.15625,0.0937,0.0937-0.28125-0.0625-0.15625,0.0625-0.0937,0.21875-0.1875,0.0937,0-0.0937,0.21875,0,0.1875c0.0892-0.0242,0.1588-0.051,0.25-0.0625l-0.25,0.1875v0.125l-0.3125,0.21875-0.28125-0.0625v-0.15625l-0.125,0.0625,0.0625,0.15625h-0.21875l-0.125,0.21875-0.15625,0.15625-0.0937,0.0312v0.1875l0.0312,0.15625h-0.0312v0.53125l0.0625-0.0312,0.0937-0.21875,0.1875-0.125,0.0312-0.0937,0.28125-0.0625,0.15625,0.1875,0.1875,0.0937-0.0937,0.1875,0.15625-0.0312,0.0625-0.21875-0.1875-0.21875h0.0625l0.21875,0.15625,0.0312,0.21875,0.15625,0.21875,0.0625-0.3125,0.0937-0.0312c0.0959,0.0996,0.1692,0.23163,0.25,0.34375h0.28125l0.1875,0.125-0.0937,0.0937-0.15625,0.15625h-0.25l-0.34375-0.0937h-0.1875l-0.125,0.15625-0.34375-0.375-0.25-0.0625-0.375,0.0625-0.15625,0.0937v2.4062l0.0312,0.0312,0.25-0.15625,0.0937,0.0937h0.28125l0.125,0.15625-0.0937,0.3125,0.1875,0.1875v0.375l0.125,0.25-0.0937,0.25c-0.009,0.16159,0,0.30714,0,0.46875,0.0795,0.21894,0.14355,0.43575,0.21875,0.65625l0.0625,0.34375v0.1875h0.125l0.21875-0.125h0.25l0.375-0.4375-0.0312-0.15625,0.25-0.21875-0.1875-0.1875,0.21875-0.1875,0.21875-0.125,0.0937-0.125-0.0625-0.25v-0.59375l0.1875-0.375,0.1875-0.25,0.25-0.5625v-0.15625c-0.11654,0.0146-0.22972,0.0231-0.34375,0.0312-0.0722,0.005-0.14446,0-0.21875,0-0.12359-0.25961-0.2183-0.50966-0.3125-0.78125l-0.15625-0.1875-0.0937-0.3125,0.0625-0.0625,0.21875,0.25,0.25,0.5625,0.15625,0.15625-0.0625,0.21875,0.15625,0.15625,0.25-0.25,0.3125-0.21875,0.15625-0.1875v-0.21875c-0.0389-0.0732-0.0547-0.14545-0.0937-0.21875l-0.15625,0.1875-0.125-0.15625-0.1875-0.125v-0.28125l0.21875,0.21875,0.21875-0.0312c0.10166,0.0923,0.19205,0.20751,0.28125,0.3125l0.15625-0.1875c0-0.17463-0.19976-1.0204-0.625-1.75-0.42526-0.72932-1.1562-1.4062-1.1562-1.4062l-0.0625,0.0937-0.21875,0.21875-0.25-0.25h0.25l0.125-0.125-0.46875-0.0937-0.25-0.0937z" fill-rule="nonzero"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/non-starred.svg b/p/themes/Screwdriver/icons/non-starred.svg
deleted file mode 100644
index 4ebcfccbd..000000000
--- a/p/themes/Screwdriver/icons/non-starred.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-61.000202,-397)">
-<path style="baseline-shift:baseline;block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" fill="#bebebe" d="m69.003,398.01c-0.2659-0.00099-0.49859,0.1006-0.6647,0.2393-0.16611,0.13869-0.27742,0.32137-0.38968,0.50028-0.22453,0.35782-0.39269,0.76873-0.56546,1.2036-0.17277,0.43483-0.34713,0.88766-0.5046,1.2323-0.15747,0.34465-0.3456,0.57871-0.35862,0.58776-0.01287,0.009-0.30722,0.117-0.69576,0.15181-0.38855,0.0348-0.88122,0.0492-1.3632,0.0694-0.48202,0.0202-0.9703,0.0362-1.393,0.12817-0.21138,0.046-0.4154,0.10148-0.60434,0.20956s-0.36689,0.28631-0.45004,0.53002-0.04901,0.50627,0.03636,0.70157c0.08537,0.19531,0.22656,0.36514,0.3682,0.52344,0.2833,0.31663,0.6327,0.60557,1.0079,0.89849s0.77671,0.55926,1.0678,0.81027c0.29104,0.25101,0.45422,0.50796,0.45912,0.52271,0.0048,0.0146,0.03119,0.33498-0.05456,0.70231-0.08575,0.36732-0.2238,0.81174-0.35282,1.2603-0.12902,0.44861-0.25176,0.90196-0.2917,1.3184-0.01997,0.20819-0.04285,0.40729,0.0053,0.61409,0.04814,0.20679,0.1845,0.43007,0.39902,0.58168,0.21451,0.15161,0.44936,0.1881,0.66823,0.1701s0.43535-0.0703,0.63515-0.15132c0.39961-0.16214,0.80177-0.42851,1.2064-0.68231,0.40465-0.2538,0.80822-0.52155,1.1456-0.71107,0.33734-0.18952,0.6484-0.2686,0.66445-0.26854,0.01586,0.00006,0.30338,0.0951,0.63894,0.28732,0.33556,0.19221,0.72532,0.46503,1.1276,0.72205,0.40229,0.25702,0.81996,0.49752,1.218,0.66284,0.19903,0.0827,0.38893,0.15086,0.60762,0.17059,0.2187,0.0197,0.47978-0.031,0.69551-0.18105,0.21572-0.15001,0.33928-0.35235,0.38918-0.55877s0.04291-0.43517,0.02476-0.64358c-0.03632-0.41683-0.15899-0.86394-0.2841-1.3137-0.12511-0.44978-0.26165-0.88661-0.34421-1.2548-0.08256-0.36813-0.07169-0.68662-0.06666-0.70133,0.005-0.0145,0.18746-0.25247,0.4806-0.50101,0.29313-0.24854,0.67599-0.53755,1.0536-0.82731,0.37764-0.28976,0.76716-0.57158,1.0531-0.88579,0.14298-0.1571,0.2418-0.33444,0.32882-0.52904s0.136-0.42874,0.05481-0.67306-0.27108-0.41314-0.45912-0.52272-0.36679-0.18158-0.57782-0.22931c-0.42206-0.0955-0.91359-0.14009-1.3956-0.16426-0.48198-0.0242-0.94584-0.039-1.3342-0.077s-0.71565-0.13122-0.72859-0.14037c-0.01279-0.009-0.18402-0.23636-0.3384-0.58217s-0.32658-0.78819-0.49548-1.2243c-0.1689-0.4361-0.33477-0.86429-0.55609-1.2238-0.11067-0.17977-0.23335-0.35397-0.39826-0.49396s-0.40309-0.25684-0.66899-0.25783zm0.0086,0.99424c0.0422,0.0358,0.10671,0.13602,0.1841,0.26173,0.15477,0.25141,0.33068,0.6272,0.49397,1.0488,0.16329,0.42163,0.31905,0.88645,0.49598,1.2828,0.17693,0.39633,0.31456,0.73379,0.6753,0.98889,0.36072,0.25509,0.77019,0.29763,1.2152,0.34118,0.44506,0.0435,0.92882,0.0532,1.3948,0.0765,0.46599,0.0234,0.91824,0.0697,1.2135,0.13647,0.14763,0.0334,0.25558,0.0572,0.30381,0.0853-0.02227,0.0498-0.07958,0.15478-0.17956,0.26464-0.19997,0.21973-0.53749,0.48746-0.90261,0.7676-0.36511,0.28015-0.77804,0.57219-1.114,0.85704-0.33595,0.28485-0.63992,0.53221-0.77987,0.94209-0.13995,0.40986-0.05396,0.77681,0.04065,1.1987s0.25406,0.87813,0.37502,1.313c0.12096,0.43486,0.22688,0.84692,0.25228,1.1385,0.01156,0.13264-0.01699,0.23485-0.02778,0.29267-0.05993-0.008-0.1764-0.0324-0.30381-0.0853-0.27836-0.11561-0.64649-0.32808-1.0354-0.57657-0.38894-0.24849-0.8039-0.53053-1.1885-0.75081-0.38457-0.22028-0.70791-0.39837-1.1551-0.40015-0.44722-0.002-0.79205,0.17245-1.1786,0.38965-0.38659,0.21719-0.78438,0.49517-1.1756,0.74055-0.39123,0.24538-0.77636,0.4507-1.0559,0.56412-0.13977,0.0567-0.24616,0.0856-0.3023,0.0902-0.01026-0.0578-0.01522-0.16008-0.0025-0.29243,0.02793-0.29118,0.13818-0.70893,0.26291-1.1426,0.12473-0.43372,0.25404-0.89785,0.35232-1.3188,0.09828-0.42099,0.18672-0.78846,0.05027-1.1994-0.13644-0.41097-0.43218-0.64202-0.76571-0.92967-0.33353-0.28766-0.70551-0.58555-1.0683-0.86876-0.36275-0.2832-0.7178-0.56075-0.91597-0.78224-0.09908-0.11075-0.16221-0.21163-0.1841-0.26173,0.04834-0.0276,0.15448-0.058,0.3023-0.0902,0.29562-0.0643,0.74518-0.10714,1.2112-0.1267,0.46603-0.0196,0.94824-0.0298,1.3935-0.0697,0.44531-0.0399,0.84679-0.0499,1.2097-0.30216,0.36289-0.25221,0.5383-0.60511,0.71876-1.0001,0.18046-0.39497,0.33731-0.84115,0.50435-1.2616,0.16704-0.42041,0.31848-0.83556,0.47556-1.0859,0.07853-0.12515,0.16751-0.20007,0.21012-0.23565z"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/prev.svg b/p/themes/Screwdriver/icons/prev.svg
deleted file mode 100644
index ea4372098..000000000
--- a/p/themes/Screwdriver/icons/prev.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-301.0002,-747)">
-<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m313.01,749-1,0c-0.0104-0.00012-0.0208-0.00046-0.0313,0-0.25495,0.0112-0.50987,0.12858-0.6875,0.3125l-6.2977,5.7188,6.2977,5.7188c0.18816,0.18819,0.45346,0.28125,0.71875,0.28125h1v-1c0-0.26529-0.0931-0.53058-0.28125-0.71875l-4.829-4.2812,4.829-4.2812c0.21074-0.19463,0.30316-0.46925,0.28125-0.75z" fill-rule="nonzero" fill="#bebebe"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/read.svg b/p/themes/Screwdriver/icons/read.svg
index ab6fe6422..5e454e36b 100644
--- a/p/themes/Screwdriver/icons/read.svg
+++ b/p/themes/Screwdriver/icons/read.svg
@@ -1,57 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
- xmlns:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- height="16.001"
- width="16"
- id="svg2"
- version="1.1"
- inkscape:version="0.48.4 r9939"
- sodipodi:docname="read.svg">
- <metadata
- id="metadata12">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs10" />
- <sodipodi:namedview
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="1366"
- inkscape:window-height="745"
- id="namedview8"
- showgrid="false"
- inkscape:zoom="14.749079"
- inkscape:cx="-2.2040272"
- inkscape:cy="8.0004997"
- inkscape:window-x="0"
- inkscape:window-y="0"
- inkscape:window-maximized="1"
- inkscape:current-layer="svg2" />
- <g
- transform="translate(-60.99995,-296.9989)"
- id="g4" />
- <path
- style="fill:#cccccc;fill-opacity:1"
- inkscape:connector-curvature="0"
- d="m 8.0004996,3.2833392 c -3.433907,0 -6.410294,1.9996259 -7.87290101,4.9205634 1.46260701,2.9209364 4.43899401,4.9205624 7.87290101,4.9205624 3.4338474,0 6.4102344,-1.999626 7.8729014,-4.9205624 C 14.410824,5.2829651 11.434347,3.2833392 8.0004996,3.2833392 z m 3.8818634,2.6094965 c 0.925096,0.590068 1.709004,1.3804357 2.29781,2.3110669 -0.588806,0.9306312 -1.372744,1.7209988 -2.29784,2.3110964 -1.162392,0.741404 -2.5047194,1.133295 -3.8818334,1.133295 -1.377143,0 -2.719472,-0.391891 -3.881863,-1.133326 -0.925066,-0.5900366 -1.708974,-1.3804016 -2.29781,-2.3110654 0.588806,-0.9306638 1.372744,-1.7210288 2.29781,-2.3110669 0.06025,-0.038442 0.121108,-0.075682 0.182338,-0.1122479 -0.153123,0.4202145 -0.236925,0.873738 -0.236925,1.3469419 0,2.1740274 1.762423,3.9364493 3.93645,3.9364493 2.1740274,0 3.9364514,-1.7624219 3.9364514,-3.9364493 0,-0.4732039 -0.0838,-0.9267274 -0.236925,-1.3469745 0.0612,0.036566 0.122061,0.073839 0.182337,0.1122805 z M 8.0004996,6.6354719 c 0,0.8152761 -0.660894,1.4761705 -1.476168,1.4761705 -0.815275,0 -1.476169,-0.6608944 -1.476169,-1.4761705 0,-0.8152759 0.660894,-1.4761676 1.476169,-1.4761676 0.815274,0 1.476168,0.6608917 1.476168,1.4761676 z"
- id="path3167" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="16.001" width="16">
+<path fill="#CCC" d="m8.0005,3.2833c-3.4339,0-6.4103,1.9996-7.8729,4.9206,1.4626,2.9209,4.439,4.9206,7.8729,4.9206,3.4338,0,6.4102-1.9996,7.8729-4.9206-1.462-2.9204-4.439-4.9201-7.8725-4.9201zm3.8819,2.6095c0.9251,0.59007,1.709,1.3804,2.2978,2.3111-0.58881,0.93063-1.3727,1.721-2.2978,2.3111-1.1624,0.7414-2.5047,1.1333-3.8818,1.1333s-2.7195-0.39189-3.8819-1.1333c-0.92507-0.59004-1.709-1.3804-2.2978-2.3111,0.58881-0.93066,1.3727-1.721,2.2978-2.3111,0.06025-0.038442,0.12111-0.075682,0.18234-0.11225-0.15312,0.42021-0.23692,0.87374-0.23692,1.3469,0,2.174,1.7624,3.9364,3.9364,3.9364s3.9365-1.7624,3.9365-3.9364c0-0.4732-0.0838-0.92673-0.23692-1.347,0.0612,0.036566,0.12206,0.073839,0.18234,0.11228zm-3.8815,0.7427c0,0.81528-0.66089,1.4762-1.4762,1.4762-0.81528,0-1.4762-0.66089-1.4762-1.4762,0-0.81528,0.66089-1.4762,1.4762-1.4762,0.81527,0,1.4762,0.66089,1.4762,1.4762z"/>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/refresh.svg b/p/themes/Screwdriver/icons/refresh.svg
deleted file mode 100644
index 62fe56c1e..000000000
--- a/p/themes/Screwdriver/icons/refresh.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-241.0002,-627)">
-<path style="baseline-shift:baseline;block-progression:tb;color:#666666;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" fill="#666" d="m253.91,628.97a1.0001,1.0001,0,0,0,-0.125,0.0312,1.0001,1.0001,0,0,0,-0.78125,1v1.6875c-0.38225-0.57796-0.84927-1.0822-1.4062-1.5-1.1556-0.86677-2.532-1.2523-3.875-1.1875-0.19186,0.009-0.37223,0.0353-0.5625,0.0625-1.5222,0.21741-2.9782,1.023-3.9688,2.3438-1.9812,2.6414-1.4227,6.425,1.2188,8.4062s6.425,1.4227,8.4062-1.2188a1.0063,1.0063,0,0,0,0.18,-0.59,1.0063,1.0063,0,0,0,0,-0.15625v-0.84375h-0.8125-0.0937a1.0063,1.0063,0,0,0,-0.0937,0,1.0063,1.0063,0,0,0,-0.8125,0.40625c-1.3326,1.7767-3.817,2.1139-5.5938,0.78125-1.7767-1.3326-2.1139-3.817-0.78125-5.5938,1.3326-1.7767,3.817-2.1139,5.5938-0.78125,0.42946,0.32212,0.76954,0.73295,1.0312,1.1875h-1.4375a1.0001,1.0001,0,0,0,-1,1,1.0001,1.0001,0,0,0,0,0.21875v0.78125h0.84375,0.15625,4,1v-1-4a1.0001,1.0001,0,0,0,0,-0.1875v-0.8125h-0.8125a1.0001,1.0001,0,0,0,-0.28125,-0.0312z"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/rss.svg b/p/themes/Screwdriver/icons/rss.svg
deleted file mode 100644
index 2a8713be3..000000000
--- a/p/themes/Screwdriver/icons/rss.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g fill-rule="nonzero" transform="translate(-561,-301.00012)" fill="#666">
-<path style="enable-background:new;color:#000000;" d="m325.06,97.188c0,1.7872-0.89543,3.2361-2,3.2361s-2-1.4488-2-3.2361c0-1.7872,0.89543-3.2361,2-3.2361s2,1.4488,2,3.2361z" transform="matrix(1.0000007,0,0,0.61803426,241.93747,252.93479)"/>
-<path style="enable-background:new;color:#000000;" d="m563,303,0,1c0,0.55016,0.45347,1,1,1,4.9706,0,9,4.0294,9,9,0,0.55016,0.45347,1,1,1h1v-1c0-6.0751-4.9249-11-11-11h-1zm0,4,0,1c0,0.55016,0.45347,1,1,1,2.7614,0,5,2.2386,5,5,0,0.55016,0.45347,1,1,1h1v-1c0-3.866-3.134-7-7-7h-1z"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/search.svg b/p/themes/Screwdriver/icons/search.svg
deleted file mode 100644
index 35a28dfca..000000000
--- a/p/themes/Screwdriver/icons/search.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g fill="#666" transform="translate(-441.0004,-195)">
-<path style="baseline-shift:baseline;block-progression:tb;color:#666666;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m447.51,196c-3.0289,0-5.5107,2.479-5.5107,5.5045,0,3.0254,2.4819,5.5045,5.5107,5.5045s5.5107-2.479,5.5107-5.5045c0-3.0254-2.4819-5.5045-5.5107-5.5045zm0,2.0089c1.9474,0,3.4995,1.5504,3.4995,3.4955s-1.5522,3.4955-3.4995,3.4955c-1.9474,0-3.4995-1.5504-3.4995-3.4955,0-1.9452,1.5522-3.4955,3.4995-3.4955z"/>
-<path style="baseline-shift:baseline;block-progression:tb;color:#666666;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m450.81,204a1.0001,1.0001,0,0,0,-0.5,1.7188l4,4a1.0055,1.0055,0,1,0,1.4062,-1.4375l-4-4a1.0001,1.0001,0,0,0,-0.91,-0.28z"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/starred.svg b/p/themes/Screwdriver/icons/starred.svg
index 4b4a8f7ed..cd06525fd 100644
--- a/p/themes/Screwdriver/icons/starred.svg
+++ b/p/themes/Screwdriver/icons/starred.svg
@@ -1,60 +1,5 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
- xmlns:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- height="16"
- width="16"
- id="svg2"
- version="1.1"
- inkscape:version="0.48.4 r9939"
- sodipodi:docname="starred.svg">
- <metadata
- id="metadata12">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs10" />
- <sodipodi:namedview
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="685"
- inkscape:window-height="480"
- id="namedview8"
- showgrid="false"
- inkscape:zoom="14.75"
- inkscape:cx="8"
- inkscape:cy="8"
- inkscape:window-x="0"
- inkscape:window-y="0"
- inkscape:window-maximized="0"
- inkscape:current-layer="svg2" />
- <g
- transform="translate(-41.000202,-397)"
- id="g4">
- <path
- style="enable-background:accumulate;color:#000000;fill:#eaa904;fill-opacity:1"
- d="m530.95,186.71c-0.77941,0.55189-3.1576-1.906-4.1125-1.9179-0.95532-0.0119-3.3949,2.3858-4.161,1.8149-0.76573-0.57072,0.83698-3.592,0.55319-4.5039-0.2839-0.91223-3.3182-2.4915-3.0119-3.3965,0.30617-0.90461,3.6749-0.31399,4.4544-0.86567,0.77986-0.5519,1.3442-3.9257,2.2995-3.914,0.95494,0.0116,1.4342,3.398,2.1998,3.9689,0.76588,0.57114,4.1489,0.0653,4.4331,0.97746,0.28402,0.9118-2.7885,2.414-3.0949,3.3186-0.30652,0.90489,1.22,3.966,0.44027,4.5182z"
- fill-rule="nonzero"
- transform="matrix(1.0472113,-0.00871584,0.00871584,1.0472113,-504.35434,220.15425)"
- fill="#f1c40f"
- id="path6" />
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-41.000202,-397)">
+<path style="color:#000000;enable-background:accumulate;" d="m530.95,186.71c-0.77941,0.55189-3.1576-1.906-4.1125-1.9179-0.95532-0.0119-3.3949,2.3858-4.161,1.8149-0.76573-0.57072,0.83698-3.592,0.55319-4.5039-0.2839-0.91223-3.3182-2.4915-3.0119-3.3965,0.30617-0.90461,3.6749-0.31399,4.4544-0.86567,0.77986-0.5519,1.3442-3.9257,2.2995-3.914,0.95494,0.0116,1.4342,3.398,2.1998,3.9689,0.76588,0.57114,4.1489,0.0653,4.4331,0.97746,0.28402,0.9118-2.7885,2.414-3.0949,3.3186-0.30652,0.90489,1.22,3.966,0.44027,4.5182z" fill-rule="nonzero" transform="matrix(1.0472113,-0.00871584,0.00871584,1.0472113,-504.35434,220.15425)" fill="#eaa904"/>
+</g>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/unread.svg b/p/themes/Screwdriver/icons/unread.svg
index 596dec0ac..a27acf2b6 100644
--- a/p/themes/Screwdriver/icons/unread.svg
+++ b/p/themes/Screwdriver/icons/unread.svg
@@ -1,65 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
- xmlns:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- height="16"
- width="16"
- id="svg2"
- version="1.1"
- inkscape:version="0.48.4 r9939"
- sodipodi:docname="unread.svg">
- <metadata
- id="metadata14">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <defs
- id="defs12" />
- <sodipodi:namedview
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1"
- objecttolerance="10"
- gridtolerance="10"
- guidetolerance="10"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:window-width="1366"
- inkscape:window-height="745"
- id="namedview10"
- showgrid="false"
- showguides="true"
- inkscape:guide-bbox="true"
- inkscape:zoom="20.85965"
- inkscape:cx="3.2842788"
- inkscape:cy="5.738225"
- inkscape:window-x="0"
- inkscape:window-y="0"
- inkscape:window-maximized="1"
- inkscape:current-layer="svg2">
- <sodipodi:guide
- orientation="0,1"
- position="18.02523,13.039528"
- id="guide4011" />
- <sodipodi:guide
- orientation="0,1"
- position="10.738435,2.1093355"
- id="guide4013" />
- </sodipodi:namedview>
- <path
- style="fill:#666666;fill-opacity:1"
- inkscape:connector-curvature="0"
- d="m 7.9824408,3.5290339 c -3.4339072,0 -6.4102945,1.9996258 -7.87290106,4.9205633 C 1.5721463,11.370534 4.5485336,13.37016 7.9824408,13.37016 c 3.4338472,0 6.4102342,-1.999626 7.8729012,-4.9205628 C 14.392765,5.5286597 11.416288,3.5290339 7.9824408,3.5290339 z m 3.8818632,2.6094964 c 0.925096,0.590068 1.709004,1.3804357 2.29781,2.3110669 -0.588806,0.9306312 -1.372744,1.7209988 -2.29784,2.3110968 -1.162392,0.741404 -2.5047196,1.133295 -3.8818332,1.133295 -1.377143,0 -2.7194718,-0.391891 -3.8818628,-1.133326 C 3.1755118,10.170626 2.3916036,9.380261 1.8027674,8.4495972 2.3915738,7.5189334 3.1755118,6.7285684 4.100578,6.1385303 4.160827,6.1000883 4.221686,6.0628483 4.2829153,6.0262824 c -0.1531228,0.4202145 -0.236925,0.873738 -0.236925,1.3469419 0,2.1740274 1.7624231,3.9364497 3.9364505,3.9364497 2.1740272,0 3.9364512,-1.7624223 3.9364512,-3.9364497 0,-0.4732039 -0.0838,-0.9267274 -0.236925,-1.3469745 0.0612,0.036566 0.122061,0.073839 0.182337,0.1122805 z M 7.9824408,6.8811665 c 0,0.8152761 -0.660894,1.4761705 -1.476168,1.4761705 -0.8152757,0 -1.4761697,-0.6608944 -1.4761697,-1.4761705 0,-0.8152759 0.660894,-1.4761676 1.4761697,-1.4761676 0.815274,0 1.476168,0.6608917 1.476168,1.4761676 z"
- id="path3167" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<path fill="#666" d="m7.9824,3.529c-3.4339,0-6.4103,1.9996-7.8729,4.9206,1.4626,2.9214,4.439,4.9204,7.8729,4.9204,3.4338,0,6.4102-1.9996,7.8729-4.9206-1.462-2.9207-4.439-4.9204-7.8726-4.9204zm3.8819,2.6095c0.9251,0.59007,1.709,1.3804,2.2978,2.3111-0.58881,0.93063-1.3727,1.721-2.2978,2.3111-1.1624,0.7414-2.5047,1.1333-3.8818,1.1333s-2.7195-0.39189-3.8819-1.1333c-0.9248-0.59-1.7087-1.3807-2.2975-2.3114,0.5888-0.9307,1.3727-1.721,2.2978-2.3111,0.0602-0.0384,0.1211-0.0757,0.1823-0.1122-0.15312,0.42021-0.23692,0.87374-0.23692,1.3469,0,2.174,1.7624,3.9364,3.9365,3.9364,2.174,0,3.9365-1.7624,3.9365-3.9364,0-0.4732-0.0838-0.92673-0.23692-1.347,0.0612,0.036566,0.12206,0.073839,0.18234,0.11228zm-3.8816,0.7427c0,0.81528-0.66089,1.4762-1.4762,1.4762-0.81528,0-1.4762-0.66089-1.4762-1.4762,0-0.81528,0.66089-1.4762,1.4762-1.4762,0.81527,0,1.4762,0.66089,1.4762,1.4762z"/>
+</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/up.svg b/p/themes/Screwdriver/icons/up.svg
deleted file mode 100644
index 4819c9205..000000000
--- a/p/themes/Screwdriver/icons/up.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
-<g transform="translate(-201.0002,-747)">
-<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:new;text-transform:none;" d="m215.03,759,0-1c-0.00091-0.0111,0.00059-0.021-0.00009-0.0312-0.0112-0.25496-0.12835-0.50994-0.31251-0.6875l-5.7188-6.2977-5.7188,6.2977c-0.18821,0.1881-0.28121,0.45346-0.28122,0.71875v1h1c0.26531-0.00007,0.53059-0.0931,0.71873-0.28131l4.2812-4.829,4.2813,4.829c0.19464,0.21073,0.46925,0.30315,0.74998,0.2813z" fill-rule="nonzero" fill="#bebebe"/>
-</g>
-</svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/view-global.svg b/p/themes/Screwdriver/icons/view-global.svg
deleted file mode 100644
index d81e79790..000000000
--- a/p/themes/Screwdriver/icons/view-global.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(-61-867)" fill="#666" color="#000"><rect height="2" rx=".385" ry=".379" width="2" x="64" y="870"/><rect height="2" rx=".385" ry=".379" width="2" x="68" y="870"/><rect height="2" rx=".385" ry=".379" width="2" x="72" y="870"/><rect height="2" rx=".385" ry=".379" width="2" x="64" y="874.02"/><rect height="2" rx=".385" ry=".379" width="2" x="68" y="874.02"/><rect height="2" rx=".385" ry=".379" width="2" x="72" y="874.02"/><rect height="2" rx=".385" ry=".379" width="2" x="64" y="878"/><rect height="2" rx=".385" ry=".379" width="2" x="68" y="878"/><rect height="2" rx=".385" ry=".379" width="2" x="72" y="878"/></g></svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/view-normal.svg b/p/themes/Screwdriver/icons/view-normal.svg
deleted file mode 100644
index c35b101df..000000000
--- a/p/themes/Screwdriver/icons/view-normal.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(-40-746)" fill="#666" color="#666"><path d="m43 749h10v2h-10z"/><path d="m43 753h10v2h-10z"/><path d="m43 757h10v2h-10z"/></g></svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/icons/view-reader.svg b/p/themes/Screwdriver/icons/view-reader.svg
deleted file mode 100644
index 3243aed6e..000000000
--- a/p/themes/Screwdriver/icons/view-reader.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g transform="translate(-181-867)" fill="#666" color="#666"><path d="m 181,868 0,1 0,11 0,1 1,0 5,0 c 0.1754,0 0.52538,0.15166 0.8125,0.34375 0.28712,0.19209 0.46875,0.375 0.46875,0.375 L 189,882.4375 l 0.71875,-0.75 c 0,0 0.8963,-0.6875 1.28125,-0.6875 l 5,0 1,0 0,-1 0,-11 0,-1 -1,0 -5,0 c -0.87652,0 -1.56017,0.34756 -2.03125,0.6875 -0.0301,-0.0207 -0.031,-0.0105 -0.0625,-0.0312 C 188.44557,868.35254 187.82811,868 187,868 l -5,0 -1,0 z m 2,2 4,0 c 0.13821,0 0.51476,0.14746 0.8125,0.34375 0.29774,0.19629 0.5,0.375 0.5,0.375 l 0.71875,0.6875 0.6875,-0.71875 c 0,0 0.89975,-0.6875 1.28125,-0.6875 l 4,0 0,9 -4,0 c -0.87693,0 -1.56008,0.34735 -2.03125,0.6875 -0.0196,-0.0135 -0.011,-0.0177 -0.0312,-0.0312 C 188.47725,879.34834 187.83512,879 187,879 l -4,0 0,-9 z"/><g transform="scale(-1 1)"><rect height="2" rx=".375" width="3" x="-187" y="872"/><rect height="2" rx=".375" width="3" x="-187" y="875"/><rect height="2" rx=".375" width="3" x="-194" y="872"/><rect height="2" rx=".375" width="3" x="-194" y="875"/></g></g></svg> \ No newline at end of file
diff --git a/p/themes/Screwdriver/metadata.json b/p/themes/Screwdriver/metadata.json
index f45f1a98a..46095e507 100644
--- a/p/themes/Screwdriver/metadata.json
+++ b/p/themes/Screwdriver/metadata.json
@@ -3,5 +3,5 @@
"author": "Mister aiR",
"description": "C'est un cocktail ! C'est chaud mais « fresh » à la fois. Ce thème tue du chaton.",
"version": 1.1,
- "files": ["template.css","screwdriver.css"]
+ "files": ["_template.css","screwdriver.css"]
}
diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 665f89c71..37fa18e10 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/p/themes/Screwdriver/screwdriver.css
@@ -16,7 +16,7 @@ html, body {
}
/*=== Links */
-a {
+a, button.as-link {
color: #D18114;
outline: none;
}
@@ -390,11 +390,13 @@ a.btn {
.dropdown-menu > .item > a {
padding: 0 25px;
line-height: 2.5em;
- color:#ccc;
+ color: #ccc;
}
-.dropdown-menu > .item > span {
- padding: 0 25px;
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link {
+ padding: 0 22px;
line-height: 2em;
+ color: #ccc;
}
.dropdown-menu > .item:hover {
background: #171717;
@@ -1023,7 +1025,18 @@ opacity: 1;
border-bottom: 1px solid #ccc;
background: rgba(255,255,255,0.38);
box-shadow: 0 1px #fff;
- text-align: center;
+}
+
+.stat > .horizontal-list {
+ margin: 0 0 5px;
+}
+.stat > .horizontal-list .item {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.stat > .horizontal-list .item:first-child {
+ width: 250px;
}
/*=== LOGS */
diff --git a/p/themes/Screwdriver/template.css b/p/themes/Screwdriver/template.css
deleted file mode 100644
index bf421e322..000000000
--- a/p/themes/Screwdriver/template.css
+++ /dev/null
@@ -1,695 +0,0 @@
-@charset "UTF-8";
-
-/*=== GENERAL */
-/*============*/
-html, body {
- margin: 0;
- padding: 0;
- font-size: 92%;
-}
-
-/*=== Links */
-a {
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-/*=== Lists */
-ul, ol, dd {
- margin: 0;
- padding: 0;
-}
-
-/*=== Titles */
-h1 {
- margin: 0.6em 0 0.3em;
- font-size: 1.5em;
- line-height: 1.6em;
-}
-h2 {
- margin: 0.5em 0 0.25em;
- font-size: 1.3em;
- line-height: 2em;
-}
-h3 {
- margin: 0.5em 0 0.25em;
- font-size: 1.1em;
- line-height: 2em;
-}
-
-/*=== Paragraphs */
-p {
- margin: 1em 0 0.5em;
- font-size: 1em;
-}
-
-/*=== Images */
-img {
- height: auto;
- max-width: 100%;
-}
-img.favicon {
- height: 16px;
- width: 16px;
- vertical-align: middle;
-}
-
-/*=== Videos */
-iframe, embed, object, video {
- max-width: 100%;
-}
-
-/*=== Forms */
-legend {
- display: block;
- width: 100%;
- clear: both;
-}
-label {
- display: block;
-}
-input {
- width: 180px;
-}
-textarea {
- width: 300px;
-}
-input, select, textarea {
- display: inline-block;
- max-width: 100%;
-}
-input[type="radio"],
-input[type="checkbox"] {
- width: 15px !important;
- min-height: 15px !important;
-}
-input.extend:focus {
- width: 300px;
-}
-
-/*=== COMPONENTS */
-/*===============*/
-/*=== Forms */
-.form-group:after {
- content: "";
- display: block;
- clear: both;
-}
-.form-group.form-actions {
- min-width: 250px;
-}
-.form-group .group-name {
- display: block;
- float: left;
- width: 200px;
-}
-.form-group .group-controls {
- min-width: 250px;
- margin: 0 0 0 220px;
-}
-.form-group .group-controls .control {
- display: block;
-}
-
-/*=== Buttons */
-.stick {
- display: inline-block;
- white-space: nowrap;
-}
-.btn,
-a.btn {
- display: inline-block;
- cursor: pointer;
- overflow: hidden;
-}
-.btn-important {
- font-weight: bold;
-}
-
-/*=== Navigation */
-.nav-list .nav-header,
-.nav-list .item {
- display: block;
-}
-.nav-list .item,
-.nav-list .item > a {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.nav-head {
- display: block;
-}
-.nav-head .item {
- display: inline-block;
-}
-
-/*=== Horizontal-list */
-.horizontal-list {
- display: table;
- table-layout: fixed;
- width: 100%;
-}
-.horizontal-list .item {
- display: table-cell;
-}
-
-/*=== Dropdown */
-.dropdown {
- position: relative;
- display: inline-block;
-}
-.dropdown-target {
- display: none;
-}
-.dropdown-menu {
- display: none;
- min-width: 200px;
- margin: 0;
- position: absolute;
- right: 0;
- background: #fff;
- border: 1px solid #aaa;
-}
-.dropdown-header {
- display: block;
-}
-.dropdown-menu > .item {
- display: block;
-}
-.dropdown-menu > .item > a,
-.dropdown-menu > .item > span {
- display: block;
-}
-.dropdown-menu > .item[aria-checked="true"] > a:before {
- content: '✓';
-}
-.dropdown-menu .input {
- display: block;
-}
-.dropdown-menu .input select,
-.dropdown-menu .input input {
- display: block;
- max-width: 95%;
-}
-.dropdown-target:target ~ .dropdown-menu {
- display: block;
- z-index: 10;
-}
-.dropdown-close {
- display: inline;
-}
-.dropdown-close a {
- font-size: 0;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
- z-index: -10;
-}
-.separator {
- display: block;
- height: 0;
- border-bottom: 1px solid #aaa;
-}
-
-/*=== Alerts */
-.alert {
- display: block;
- width: 90%;
-}
-.group-controls .alert {
- width: 100%
-}
-.alert-head {
- margin: 0;
- font-weight: bold;
-}
-.alert ul {
- margin: 5px 20px;
-}
-
-/*=== Icons */
-.icon {
- display: inline-block;
- width: 16px;
- height: 16px;
- vertical-align: middle;
- line-height: 16px;
-}
-
-/*=== Pagination */
-.pagination {
- display: table;
- width: 100%;
- margin: 0;
- padding: 0;
- table-layout: fixed;
-}
-.pagination .item {
- display: table-cell;
-}
-.pagination .pager-first,
-.pagination .pager-previous,
-.pagination .pager-next,
-.pagination .pager-last {
- width: 100px;
-}
-
-/*=== STRUCTURE */
-/*===============*/
-/*=== Header */
-.header {
- display: table;
- width: 100%;
- table-layout: fixed;
-}
-.header > .item {
- display: table-cell;
-}
-.header > .item.title {
- width: 250px;
- white-space: nowrap;
-}
-.header > .item.title h1 {
- display: inline-block;
-}
-.header > .item.title .logo {
- display: inline-block;
- height: 32px;
- width: 32px;
- vertical-align: middle;
-}
-.header > .item.configure {
- width: 100px;
-}
-
-/*=== Body */
-#global {
- display: table;
- width: 100%;
- height: 100%;
- table-layout: fixed;
-}
-.aside {
- display: table-cell;
- height: 100%;
- width: 250px;
- vertical-align: top;
-}
-.aside.aside_flux {
- background: #fff;
-}
-
-/*=== Aside main page (categories) */
-.categories {
- list-style: none;
- margin: 0;
-}
-.category {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.category .btn:not([data-unread="0"]):after {
- content: attr(data-unread);
-}
-
-/*=== Aside main page (feeds) */
-.categories .feeds {
- width: 100%;
- list-style: none;
-}
-.categories .feeds:not(.active) {
- display: none;
-}
-.categories .feeds .feed {
- display: inline-block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- vertical-align: middle;
-}
-.categories .feeds .feed:not([data-unread="0"]):before {
- content: "(" attr(data-unread) ") ";
-}
-.categories .feeds .dropdown-menu {
- left: 0;
-}
-.categories .feeds .item .dropdown-toggle > .icon {
- visibility: hidden;
- cursor: pointer;
- vertical-align: top;
-}
-.categories .feeds .item .dropdown-target:target ~ .dropdown-toggle > .icon,
-.categories .feeds .item:hover .dropdown-toggle > .icon,
-.categories .feeds .item.active .dropdown-toggle > .icon {
- visibility: visible;
-}
-
-/*=== New article notification */
-#new-article {
- display: none;
-}
-#new-article > a {
- display: block;
-}
-
-/*=== Day indication */
-.day .name {
- position: absolute;
- right: 0;
- width: 50%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-/*=== Feed article header and footer */
-.flux_header {
- position: relative;
-}
-.flux .item {
- line-height: 40px;
- white-space: nowrap;
-}
-.flux .item.manage,
-.flux .item.link {
- width: 40px;
- text-align: center;
-}
-.flux .item.website {
- width: 200px;
-}
-.flux.not_read .item.title,
-.flux.current .item.title {
- font-weight: bold;
-}
-.flux:not(.current):hover .item.title {
- position: absolute;
- max-width: calc(100% - 320px);
- background: #fff;
-}
-.flux .item.title a {
- color: #000;
- text-decoration: none;
-}
-.flux .item.date {
- width: 145px;
- text-align: right;
-}
-.flux .item > a {
- display: block;
-}
-.flux .item > a {
- display: block;
- text-decoration: none;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.flux .item.share > a {
- display: list-item;
- list-style-position: inside;
- list-style-type: decimal;
-}
-
-/*=== Feed article content */
-.hide_posts > .flux:not(.active) > .flux_content {
- display: none;
-}
-.content {
- min-height: 20em;
- margin: auto;
- line-height: 1.7em;
- word-wrap: break-word;
-}
-.content.large {
- max-width: 1000px;
-}
-.content.medium {
- max-width: 800px;
-}
-.content.thin {
- max-width: 550px;
-}
-.content ul,
-.content ol,
-.content dd {
- margin: 0 0 0 15px;
- padding: 0 0 5px 15px;
-}
-.content pre {
- overflow: auto;
-}
-
-/*=== Notification and actualize notification */
-.notification {
- position: absolute;
- top: 1em;
- left: 25%; right: 25%;
- z-index: 10;
- background: #fff;
- border: 1px solid #aaa;
-}
-.notification.closed {
- display: none;
-}
-.notification a.close {
- position: absolute;
- top: 0; bottom: 0;
- right: 0;
- display: inline-block;
-}
-
-#actualizeProgress {
- position: fixed;
-}
-#actualizeProgress progress {
- max-width: 100%;
- vertical-align: middle;
-}
-#actualizeProgress .progress {
- vertical-align: middle;
-}
-
-/*=== Navigation menu (for articles) */
-#nav_entries {
- position: fixed;
- bottom: 0; left: 0;
- display: table;
- width: 250px;
- background: #fff;
- table-layout: fixed;
-}
-#nav_entries .item {
- display: table-cell;
- width: 30%;
-}
-#nav_entries a {
- display: block;
-}
-
-/*=== "Load more" part */
-#load_more {
- min-height: 40px;
-}
-.loading {
- background: url("loader.gif") center center no-repeat;
- font-size: 0;
-}
-#bigMarkAsRead {
- display: block;
- padding: 3em 0;
- text-align: center;
-}
-.bigTick {
- font-size: 7em;
- line-height: 1.6em;
-}
-
-/*=== Statistiques */
-.stat > table {
- width: 100%;
-}
-
-/*=== GLOBAL VIEW */
-/*================*/
-/*=== Category boxes */
-#stream.global .box-category {
- display: inline-block;
- width: 19em;
- max-width: 95%;
- margin: 20px 10px;
- border: 1px solid #ccc;
- vertical-align: top;
-}
-#stream.global .category {
- width: 100%;
-}
-#stream.global .btn {
- display: block;
-}
-#stream.global .box-category .feeds {
- display: block;
- overflow: auto;
-}
-#stream.global .box-category .feed {
- width: 19em;
- max-width: 90%;
-}
-
-/*=== Panel */
-#overlay {
- display: none;
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- background: rgba(0, 0, 0, 0.9);
-}
-#panel {
- display: none;
- position: fixed;
- top: 1em; bottom: 1em;
- left: 2em; right: 2em;
- overflow: auto;
- background: #fff;
-}
-#panel .close {
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- display: block;
-}
-#panel .close img {
- display: none;
-}
-
-/*=== DIVERS */
-/*===========*/
-.nav-login,
-.nav_menu .search,
-.nav_menu .toggle_aside {
- display: none;
-}
-
-.aside .toggle_aside {
- position: absolute;
- right: 0;
- display: none;
- width: 30px;
- height: 30px;
- line-height: 30px;
- text-align: center;
-}
-
-/*=== MOBILE */
-/*===========*/
-@media(max-width: 840px) {
- .header,
- .aside .btn-important,
- .aside .feeds .dropdown,
- .flux_header .item.website span,
- .item.date, .day .date,
- .dropdown-menu > .no-mobile,
- .no-mobile {
- display: none;
- }
- .nav-login {
- display: block;
- }
- .nav_menu .toggle_aside,
- .aside .toggle_aside,
- .nav_menu .search,
- #panel .close img {
- display: inline-block;
- }
-
- .aside {
- position: fixed;
- top: 0; bottom: 0;
- left: 0;
- width: 0;
- overflow: hidden;
- z-index: 100;
- }
- .aside:target {
- width: 90%;
- overflow: auto;
- }
- .aside .categories {
- margin: 10px 0 75px;
- }
-
- .flux_header .item.website {
- width: 40px;
- }
-
- .flux:not(.current):hover .item.title {
- position: relative;
- width: auto;
- white-space: nowrap;
- }
-
- .notification {
- top: 0;
- left: 0;
- right: 0;
- }
-
- #nav_entries {
- width: 100%;
- }
-
- #stream.global .box-category {
- margin: 10px 0;
- }
-
- #panel {
- top: 0; bottom: 0;
- left: 0; right: 0;
- }
- #panel .close {
- top: 0; right: 0;
- left: auto; bottom: auto;
- display: inline-block;
- width: 30px;
- height: 30px;
- }
-}
-
-/*=== PRINTER */
-/*============*/
-@media print {
- .header, .aside,
- .nav_menu, .day,
- .flux_header,
- .flux_content .bottom,
- .pagination,
- #nav_entries {
- display: none;
- }
- html, body {
- background: #fff;
- color: #000;
- font-family: Serif;
- }
- #global,
- .flux_content {
- display: block !important;
- }
- .flux_content .content {
- width: 100% !important;
- }
- .flux_content .content a {
- color: #000;
- }
- .flux_content .content a:after {
- content: " [" attr(href) "] ";
- font-style: italic;
- }
-}
diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index 76ac37933..ccfab10df 100644
--- a/p/themes/base-theme/base.css
+++ b/p/themes/base-theme/base.css
@@ -14,7 +14,7 @@ html, body {
}
/*=== Links */
-a {
+a, button.as-link {
outline: none;
}
@@ -255,8 +255,9 @@ a.btn {
padding: 0 25px;
line-height: 2.5em;
}
-.dropdown-menu > .item > span {
- padding: 0 25px;
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link {
+ padding: 0 22px;
line-height: 2em;
}
.dropdown-menu > .item:hover {
@@ -677,6 +678,18 @@ a.btn {
text-align: center;
}
+.stat > .horizontal-list {
+ margin: 0 0 5px;
+}
+.stat > .horizontal-list .item {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.stat > .horizontal-list .item:first-child {
+ width: 250px;
+}
+
/*=== LOGS */
/*=========*/
.logs {
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index 466ec4603..dc011503d 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -88,6 +88,25 @@ input[type="checkbox"] {
input.extend:focus {
width: 300px;
}
+button.as-link,
+button.as-link:hover,
+button.as-link:active {
+ background: transparent;
+ border: none;
+ color: inherit;
+ cursor: pointer;
+ font-size: 1.1em;
+ text-align: left;
+}
+
+/*=== Tables */
+table {
+ max-width: 100%;
+}
+th.numeric,
+td.numeric {
+ text-align: center;
+}
/*=== COMPONENTS */
/*===============*/
@@ -181,8 +200,10 @@ a.btn {
display: block;
}
.dropdown-menu > .item > a,
+.dropdown-menu > .item > .as-link,
.dropdown-menu > .item > span {
display: block;
+ min-width: 200px;
}
.dropdown-menu > .item[aria-checked="true"] > a:before {
content: '✓';
@@ -449,6 +470,12 @@ a.btn {
.content pre {
overflow: auto;
}
+br {
+ line-height: 1em;
+}
+br + br + br {
+ display: none;
+}
/*=== Notification and actualize notification */
.notification {
@@ -507,15 +534,24 @@ a.btn {
}
#bigMarkAsRead {
display: block;
- padding: 3em 0;
+ width: 100%;
+ padding: 1em 0;
text-align: center;
+ font-size: 1.4em;
}
.bigTick {
- font-size: 7em;
- line-height: 1.6em;
+ font-size: 4em;
}
/*=== Statistiques */
+.stat {
+ margin: 15px 0;
+}
+.stat.half {
+ display: inline-block;
+ width: 46%;
+ padding: 0 2%;
+}
.stat > table {
width: 100%;
}
diff --git a/p/themes/icons/stats.svg b/p/themes/icons/stats.svg
new file mode 100644
index 000000000..90a23215f
--- /dev/null
+++ b/p/themes/icons/stats.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+<g transform="translate(-142,-490)" fill="#bebebe">
+<path style="block-progression:tb;color:#bebebe;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="M144.19,490c-1.21,0-2.19,1.02-2.19,2.22v10.562c0,1.2008,0.98238,2.2188,2.1875,2.2188h11.625c1.2051,0,2.1875-1.0179,2.1875-2.2188v-10.562c-0.01-1.2-0.99-2.22-2.2-2.22h-11.625zm0,2,11.625,0c0.12026,0,0.1875,0.08,0.1875,0.21875v10.562c-0.01,0.14-0.08,0.22-0.2,0.22h-11.625c-0.12026,0-0.1875-0.08-0.1875-0.21875v-10.562c0.01-0.14,0.08-0.22,0.2-0.22z"/>
+<path style="block-progression:tb;color:#000000;direction:ltr;text-indent:0;text-align:start;enable-background:accumulate;text-transform:none;" d="m151.31,493.97a0.50005,0.50005,0,0,0,-0.34375,0.34375l-1.6875,6.0938-0.875-1.1875a0.50005,0.50005,0,0,0,-0.4,-0.21h-2.5-0.5v1h0.5,2.25l1.3125,1.7812a0.50005,0.50005,0,0,0,0.875,-0.15625l1.5312-5.4375,1.0625,3.4688a0.50005,0.50005,0,0,0,0.47,0.35h1.5,0.5v-1h-0.5-1.125l-1.4375-4.6875a0.50005,0.50005,0,0,0,-0.625,-0.34375z"/>
+</g>
+</svg>