Merge pull request #2049 from FreshRSS/dev1.12.0

FreshRSS 1.12.0

27 files changed, 2532 insertions, 0 deletions

diff --git a/p/themes/Swage/icons/add.svg b/p/themes/Swage/icons/add.svg
new file mode 100644
index 000000000..49ca39bb4
--- /dev/null
+++ b/p/themes/Swage/icons/add.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<g transform="translate(-60 -726)">
+<path class="st0" d="m67 729.5v3c0 0.3-0.2 0.5-0.5 0.5h-3c-0.3 0-0.5 0.2-0.5 0.5v1c0 0.3 0.2 0.5 0.5 0.5h3c0.3 0 0.5 0.2 0.5 0.5v3c0 0.3 0.2 0.5 0.5 0.5h1c0.3 0 0.5-0.2 0.5-0.5v-3c0-0.3 0.2-0.5 0.5-0.5h3c0.3 0 0.5-0.2 0.5-0.5v-1c0-0.3-0.2-0.5-0.5-0.5h-3c-0.3 0-0.5-0.2-0.5-0.5v-3c0-0.3-0.2-0.5-0.5-0.5h-1c-0.3 0-0.5 0.2-0.5 0.5z"/>
+</g>
+</svg>
diff --git a/p/themes/Swage/icons/all.svg b/p/themes/Swage/icons/all.svg
new file mode 100644
index 000000000..df7d903b1
--- /dev/null
+++ b/p/themes/Swage/icons/all.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css"> .st0{fill:#FFFFFF;}</style>
+<rect class="st0" width="16" height="2.6"/>
+<rect class="st0" y="6.7" width="16" height="2.6"/>
+<rect class="st0" y="13.4" width="16" height="2.6"/>
+</svg>
diff --git a/p/themes/Swage/icons/bookmark-add.svg b/p/themes/Swage/icons/bookmark-add.svg
new file mode 100644
index 000000000..ee23bff9b
--- /dev/null
+++ b/p/themes/Swage/icons/bookmark-add.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<polygon class="st0" points="16 5.3 13.7 5.3 13.7 3 12 3 12 5.3 9.8 5.3 9.8 6.9 12 6.9 12 9.2 13.7 9.2 13.7 6.9 16 6.9"/>
+<path class="st0" d="M11,10.2V7.9H8.8V4.3H11V2h1.8V1.7c0-1-0.8-1.7-1.7-1.7H2.5c-1,0-1.7,0.8-1.7,1.7l0,13.9L6.8,13l6.1,2.6v-5.4 H11z"/>
+</svg>
diff --git a/p/themes/Swage/icons/bookmark.svg b/p/themes/Swage/icons/bookmark.svg
new file mode 100644
index 000000000..09bf263fd
--- /dev/null
+++ b/p/themes/Swage/icons/bookmark.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFD255;}</style>
+<path class="st0" d="M8,12.6l4.9,3L11.6,10L16,6.2l-5.7-0.5L8,0.4L5.8,5.7L0,6.2L4.4,10l-1.3,5.6L8,12.6z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/category.svg b/p/themes/Swage/icons/category.svg
new file mode 100644
index 000000000..f0b57d5a1
--- /dev/null
+++ b/p/themes/Swage/icons/category.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}
+</style>
+<rect class="st0" y="5.9" width="3.8" height="3.8"/>
+<rect class="st0" x="5.9" y="5.9" width="10.1" height="3.8"/>
+<rect class="st0" width="3.8" height="3.8"/>
+<rect class="st0" x="5.9" width="10.1" height="3.8"/>
+<rect class="st0" y="11.8" width="3.8" height="3.8"/>
+<rect class="st0" x="5.9" y="11.8" width="10.1" height="3.8"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/configure.svg b/p/themes/Swage/icons/configure.svg
new file mode 100644
index 000000000..a1a87180e
--- /dev/null
+++ b/p/themes/Swage/icons/configure.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">
+        .st0{fill:none;}
+        .st1{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M-2-1h20v20H-2V-1z"/>
+<path class="st1" d="M13.9,8.8C14,8.5,14,8.3,14,8s0-0.5-0.1-0.8l1.7-1.3c0.1-0.1,0.2-0.3,0.1-0.5l-1.6-2.8  c-0.1-0.2-0.3-0.2-0.5-0.2l-2,0.8c-0.4-0.3-0.9-0.6-1.4-0.8L10,0.3C10,0.1,9.8,0,9.6,0H6.4C6.2,0,6,0.1,6,0.3L5.7,2.5  
+C5.2,2.7,4.8,2.9,4.4,3.2l-2-0.8C2.2,2.4,2,2.4,1.9,2.6L0.3,5.4C0.2,5.6,0.2,5.8,0.4,5.9l1.7,1.3C2,7.5,2,7.7,2,8s0,0.5,0.1,0.8  l-1.7,1.3c-0.2,0.1-0.2,0.3-0.1,0.5l1.6,2.8c0.1,0.2,0.3,0.2,0.5,0.2l2-0.8c0.4,0.3,0.9,0.6,1.3,0.8L6,15.7C6,15.9,6.2,16,6.4,16  
+h3.2c0.2,0,0.4-0.1,0.4-0.3l0.3-2.1c0.5-0.2,0.9-0.5,1.4-0.8l2,0.8c0.2,0.1,0.4,0,0.5-0.2l1.6-2.8c0.1-0.2,0.1-0.4-0.1-0.5         C15.6,10.1,14,8.8,13.9,8.8z M8,11c-1.6,0-3-1.4-3-3s1.4-3,3-3s3,1.4,3,3S9.6,11,8,11z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/down.svg b/p/themes/Swage/icons/down.svg
new file mode 100644
index 000000000..6450ee37e
--- /dev/null
+++ b/p/themes/Swage/icons/down.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<path class="st0" d="m12.2 5.3l-4.2 6.6-4.2-6.6h8.4m3.6-2h-15.6l7.8 12.3 7.8-12.3z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/error.svg b/p/themes/Swage/icons/error.svg
new file mode 100644
index 000000000..840c8c57b
--- /dev/null
+++ b/p/themes/Swage/icons/error.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#B0425B;}</style>
+<path class="st0" d="M0,16h16L8,2.2L0,16z M8.7,13.8H7.3v-1.5h1.5V13.8z M8.7,10.9H7.3V8h1.5V10.9z"/>
+</svg>
diff --git a/p/themes/Swage/icons/icon.svg b/p/themes/Swage/icons/icon.svg
new file mode 100644
index 000000000..c6bbd08bd
--- /dev/null
+++ b/p/themes/Swage/icons/icon.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 256 256" version="1.1" viewBox="0 0 256 256" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">
+.st0{fill:#FFFFFF;}
+.st1{fill:none;stroke:#FFFFFF;stroke-width:24;stroke-opacity:0.3;}
+.st2{fill:none;stroke:#FFFFFF;stroke-width:24;}
+</style>
+<title>Logo FreshRSS</title>
+<circle class="st0" cx="128" cy="128" r="33"/>
+<path class="st1" d="m12 128c0-64.1 51.9-116 116-116s116 51.9 116 116-51.9 116-116 116"/>
+<path class="st1" d="m54 128c0-40.9 33.1-74 74-74s74 33.1 74 74-33.1 74-74 74"/>
+<path class="st2" d="m128 12c64.1 0 116 51.9 116 116"/>
+<path class="st2" d="m128 54c40.9 0 74 33.1 74 74"/>
+</svg>
diff --git a/p/themes/Swage/icons/import.svg b/p/themes/Swage/icons/import.svg
new file mode 100644
index 000000000..1f26448ff
--- /dev/null
+++ b/p/themes/Swage/icons/import.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<path class="st0" d="M15,16v-2H1v2H15z M15,6h-4V0H5v6H1l7,7L15,6z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/next.svg b/p/themes/Swage/icons/next.svg
new file mode 100644
index 000000000..056e70f3c
--- /dev/null
+++ b/p/themes/Swage/icons/next.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+        <path class="st0" d="m5.2 7l4 2.5-4 2.5v-5m-2-3.7v12.3l9.7-6.1-9.7-6.2z"/>
+</svg>
diff --git a/p/themes/Swage/icons/non-starred.svg b/p/themes/Swage/icons/non-starred.svg
new file mode 100644
index 000000000..714697060
--- /dev/null
+++ b/p/themes/Swage/icons/non-starred.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#DDDDDD;}</style>
+<path class="st0" d="m16 6.2l-5.7-0.5-2.3-5.3-2.2 5.3-5.8 0.5 4.4 3.8-1.3 5.6 4.9-3 4.9 3-1.3-5.6 4.4-3.8zm-8 4.9l-3 1.8 0.8-3.4-2.7-2.3 3.5-0.3 1.4-3.2 1.4 3.2 3.5 0.3-2.7 2.3 0.8 3.4-3-1.8z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/prev.svg b/p/themes/Swage/icons/prev.svg
new file mode 100644
index 000000000..2f6ed886c
--- /dev/null
+++ b/p/themes/Swage/icons/prev.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<path class="st0" d="m10.8 6.9v5l-3.9-2.5 3.9-2.5m2-3.6l-9.6 6.1 9.6 6.2v-12.3z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/read.svg b/p/themes/Swage/icons/read.svg
new file mode 100644
index 000000000..86f3e60f3
--- /dev/null
+++ b/p/themes/Swage/icons/read.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#DDDDDD;}</style>
+<path class="st0" d="M15.9,6c0-0.6-0.3-1.1-0.7-1.4L8,0.4L0.8,4.6C0.3,4.9,0,5.4,0,6v8c0,0.9,0.7,1.6,1.6,1.6h12.8,c0.9,0,1.6-0.7,1.6-1.6L15.9,6z M8,10L1.4,5.9L8,2l6.6,3.9L8,10z"/>
+</svg>
diff --git a/p/themes/Swage/icons/refresh.svg b/p/themes/Swage/icons/refresh.svg
new file mode 100644
index 000000000..858a1f50f
--- /dev/null
+++ b/p/themes/Swage/icons/refresh.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<path class="st0" d="M13.5,2.4C12.1,1,10.1,0.1,8,0.1c-4.3,0-7.7,3.5-7.7,7.7s3.5,7.7,7.7,7.7c3.6,0,6.6-2.5,7.5-5.8h-2,c-0.8,2.3-2.9,3.9-5.5,3.9c-3.2,0-5.8-2.6-5.8-5.8S4.8,2.1,8,2.1c1.6,0,3,0.7,4.1,1.7L9,6.9h6.8V0.1L13.5,2.4z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/rss.svg b/p/themes/Swage/icons/rss.svg
new file mode 100644
index 000000000..0be960048
--- /dev/null
+++ b/p/themes/Swage/icons/rss.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<circle class="st0" cx="2.4" cy="13.4" r="2.2"/>
+<path class="st0" d="m0.2 0v2.8c7 0 12.7 5.7 12.7 12.7h2.8c0.1-8.5-6.9-15.5-15.5-15.5zm0 5.7v2.8c3.9 0 7.1 3.2 7.1 7.1h2.8c0-5.5-4.4-9.9-9.9-9.9z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/starred.svg b/p/themes/Swage/icons/starred.svg
new file mode 100644
index 000000000..09bf263fd
--- /dev/null
+++ b/p/themes/Swage/icons/starred.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFD255;}</style>
+<path class="st0" d="M8,12.6l4.9,3L11.6,10L16,6.2l-5.7-0.5L8,0.4L5.8,5.7L0,6.2L4.4,10l-1.3,5.6L8,12.6z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/unread.svg b/p/themes/Swage/icons/unread.svg
new file mode 100644
index 000000000..28c654176
--- /dev/null
+++ b/p/themes/Swage/icons/unread.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FF6633;}</style>
+<path class="st0" d="m14.4 2.8h-12.8c-0.9 0-1.6 0.6-1.6 1.5v9.7c0 0.9 0.7 1.6 1.6 1.6h12.8c0.9 0 1.6-0.7 1.6-1.6v-9.7c0.1-0.9-0.7-1.5-1.6-1.5zm0 3.1l-6.4 4.1-6.4-4v-1.7l6.4 4 6.4-4v1.6z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/up.svg b/p/themes/Swage/icons/up.svg
new file mode 100644
index 000000000..2b89c550c
--- /dev/null
+++ b/p/themes/Swage/icons/up.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<path class="st0" d="M8,7l4.2,6.6H3.8L8,7 M8,3.3L0.2,15.6h15.6L8,3.3L8,3.3z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/view-global.svg b/p/themes/Swage/icons/view-global.svg
new file mode 100644
index 000000000..c289498e6
--- /dev/null
+++ b/p/themes/Swage/icons/view-global.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<path class="st0" d="M0.2,8.7h6.9V0H0.2V8.7z M0.2,15.6h6.9v-5.2H0.2V15.6z M8.9,15.6h6.9V6.9H8.9V15.6z M8.9,0v5.2h6.9V0H8.9z"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/view-normal.svg b/p/themes/Swage/icons/view-normal.svg
new file mode 100644
index 000000000..9135c070f
--- /dev/null
+++ b/p/themes/Swage/icons/view-normal.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<rect class="st0" width="16" height="2.6"/>
+<rect class="st0" y="6.5" width="16" height="2.6"/>
+<rect class="st0" y="13" width="16" height="2.6"/>
+</svg>
+
diff --git a/p/themes/Swage/icons/view-reader.svg b/p/themes/Swage/icons/view-reader.svg
new file mode 100644
index 000000000..f8f9e7af5
--- /dev/null
+++ b/p/themes/Swage/icons/view-reader.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">.st0{fill:#FFFFFF;}</style>
+<path class="st0" d="M8.7,7.3h5.1v1.4H8.7V7.3z M8.7,5h5.1v1.4H8.7V5z M8.7,9.6h5.1V11H8.7V9.6z M14.5,0H1.5C0.7,0,0,0.8,0,1.8v11.9,c0,1,0.7,1.8,1.5,1.8h13.1c0.8,0,1.5-0.8,1.5-1.8V1.8C16,0.8,15.3,0,14.5,0z M14.5,13.8H8V1.8h6.5V13.8z"/>
+</svg>
+
diff --git a/p/themes/Swage/loader.gif b/p/themes/Swage/loader.gif
new file mode 100644
index 000000000..b7c6647cd
--- /dev/null
+++ b/p/themes/Swage/loader.gif
diff --git a/p/themes/Swage/metadata.json b/p/themes/Swage/metadata.json
new file mode 100644
index 000000000..a81c10cfd
--- /dev/null
+++ b/p/themes/Swage/metadata.json
@@ -0,0 +1,7 @@
+{
+  "name": "Swage",
+  "author": "Patrick Crandol",
+  "description": "A Fresh take on the interface, inspired by the Flat Theme.",
+  "version": 1.0,
+  "files": ["_template.css", "swage.css"]
+}
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
new file mode 100644
index 000000000..5cab13bd7
--- /dev/null
+++ b/p/themes/Swage/swage.css
@@ -0,0 +1,1211 @@
+textarea,input,select {
+min-height:25px;
+margin-top:4px;
+line-height:25px;
+vertical-align:middle;
+background:#FCFCFC;
+border:none;
+padding-left:5px
+}
+
+input:invalid,select:invalid {
+color:#B0425B;
+border-color:#B0425B;
+box-shadow:none
+}
+
+.nav-list .nav-header,.nav-list .item {
+height:2.5em;
+line-height:2.5em;
+font-size:.9rem
+}
+
+.dropdown-menu > .item,.dropdown-menu > .item > a,.dropdown-menu > .item > span,.dropdown-menu > .item > as-link,.dropdown-menu > .item button {
+padding:0 22px;
+line-height:2.5em;
+font-size:.8rem;
+color:#FCFCFC
+}
+
+.form-group::after,.flux::after {
+content:"";
+display:block;
+clear:both
+}
+
+html,body {
+height:100%;
+font-family:Helvetica,Arial,sans-serif
+}
+
+a {
+color:#00488b;
+outline:none
+}
+
+a.btn {
+min-height:25px;
+line-height:25px;
+text-decoration:none
+}
+
+a.btn:hover {
+background:#00488b
+}
+
+img.icon:hover {
+background:none
+}
+
+div#stream {
+margin-top:35px
+}
+
+sup {
+top:-.3em
+}
+
+legend {
+display:inline-block;
+width:auto;
+margin:20px 0 5px;
+padding:5px 20px;
+font-size:1.4em;
+clear:both;
+background:#e3e3e3
+}
+
+label {
+min-height:25px
+}
+
+textarea {
+width:360px;
+height:100px;
+background:#e3e3e3
+}
+
+textarea:focus {
+border-color:#00488b
+}
+
+input:focus,select:focus {
+border-color:#00488b
+}
+
+input:disabled,select:disabled {
+background:#FCFCFC
+}
+
+select {
+background:#e3e3e3
+}
+
+input.extend {
+transition:width 200ms linear
+}
+
+option {
+padding:0 .5em
+}
+
+table {
+border-collapse:collapse
+}
+
+tr,td,th {
+padding:.5em;
+border:1px solid #e3e3e3
+}
+
+th {
+background:#FCFCFC
+}
+
+form td,form th {
+font-weight:400;
+text-align:center
+}
+
+.category .title.error::before {
+display:inline-block;
+padding-right:7px;
+width:16px;
+content:url(../Swage/icons/error.svg)
+}
+
+.form-group {
+padding:5px;
+border:1px solid transparent
+}
+
+.form-group:hover {
+background:#FCFCFC;
+border:1px solid #FCFCFC
+}
+
+.form-group.form-actions {
+margin:15px 0 25px;
+padding:5px 0;
+background:#e3e3e3;
+border-top:3px solid #e3e3e3
+}
+
+.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
+}
+
+.form-group .group-controls .control {
+line-height:2em
+}
+
+.form-group table {
+margin:10px 0 0 220px
+}
+
+.stick {
+vertical-align:middle;
+font-size:0
+}
+
+.btn {
+display:inline-block;
+min-height:35px;
+min-width:15px;
+margin:0;
+padding:5px 10px;
+font-size:.9rem;
+vertical-align:middle;
+cursor:pointer;
+overflow:hidden;
+background:#0062be;
+border:none;
+color:#FCFCFC
+}
+
+.btn.active,.btn :active,.btn :hover {
+background:#00488b;
+text-decoration:none
+}
+
+.btn-important,.btn-attention {
+font-weight:400;
+background:#FA8052;
+color:#FCFCFC
+}
+
+.btn-important:hover,.btn-important :active,.btn-attention:hover,.btn-attention :active {
+background:#f95c20!important
+}
+
+.nav-list .nav-header {
+padding:0 10px;
+font-weight:700;
+background:#22303d;
+color:#FCFCFC;
+cursor:default
+}
+
+.nav-list .item:hover,.nav-list .item .active {
+background:#00488b;
+color:#FCFCFC
+}
+
+.nav-list .item:hover a,.nav-list .item .active a {
+color:#FCFCFC
+}
+
+.nav-list .item:hover.empty a,.nav-list .item:hover .error a,.nav-list .item .active.empty a,.nav-list .item .active .error a {
+color:#FCFCFC
+}
+
+.nav-list .item:hover.empty a,.nav-list .item .active.empty a {
+background:#FA8052
+}
+
+.nav-list .item:hover.error a,.nav-list .item .active.error a {
+background:#c46178
+}
+
+.nav-list .item > a {
+padding:0 10px
+}
+
+.nav-list .item.empty a {
+color:#FA8052
+}
+
+.nav-list .item.error a {
+color:#c46178
+}
+
+.nav-list .disable {
+text-align:center;
+background:#FCFCFC;
+color:#969696
+}
+
+.nav-list .nav-form {
+padding:3px;
+text-align:center
+}
+
+.nav-list a:hover {
+text-decoration:none
+}
+
+.nav-head {
+margin:0;
+text-align:right;
+background:#22303d;
+color:#FCFCFC
+}
+
+.nav-head a {
+color:#FCFCFC
+}
+
+.nav-head .item {
+padding:5px 10px;
+font-size:.9rem;
+line-height:1.5rem
+}
+
+.horizontal-list {
+margin:0;
+padding:0
+}
+
+.horizontal-list .item {
+vertical-align:middle
+}
+
+.dropdown-menu {
+padding:5px 0;
+font-size:.8rem;
+text-align:left;
+border:none;
+background-color:#00488b
+}
+
+.dropdown-menu .dropdown-header {
+cursor:default
+}
+
+.dropdown-menu > .item {
+padding:0;
+margin-left:10px
+}
+
+.dropdown-menu > .item > a {
+min-width:initial;
+white-space:nowrap
+}
+
+.dropdown-menu > .item:hover {
+background:#0062be;
+color:#FCFCFC
+}
+
+.dropdown-menu > .item:hover > a {
+text-decoration:none;
+color:#FCFCFC
+}
+
+.dropdown-menu > .item[aria-checked="true"] > a::before {
+font-weight:700;
+margin:0 0 0 -14px
+}
+
+.dropdown-menu .input select,.dropdown-menu .input input {
+margin:0 auto 5px;
+padding:2px 5px
+}
+
+.dropdown-header {
+padding:0 5px 5px;
+font-weight:700;
+text-align:left;
+color:#FCFCFC
+}
+
+.separator {
+margin:5px 0;
+border-bottom:1px solid #e3e3e3;
+cursor:default
+}
+
+.alert {
+margin:5px auto;
+padding:10px 15px;
+font-size:.9em;
+background:#FCFCFC;
+border:none;
+color:#969696;
+text-shadow:0 0 1px #FCFCFC
+}
+
+.alert > a {
+text-decoration:underline;
+color:inherit
+}
+
+.alert-head {
+font-size:1.15em
+}
+
+.alert-warn,.alert-success,.alert-error {
+border:none
+}
+
+.alert-warn {
+background:#FCFCFC;
+color:#FA8052
+}
+
+.alert-success {
+background:#FCFCFC;
+color:#5EAABF
+}
+
+.alert-error {
+background:#FCFCFC;
+color:#B0425B
+}
+
+.pagination {
+text-align:center;
+font-size:.8em;
+background:#e3e3e3;
+color:#181621
+}
+
+.pagination .item.pager-current {
+font-weight:700;
+font-size:1.5em;
+background:#22303d;
+color:#e3e3e3
+}
+
+.pagination .item a {
+display:block;
+font-style:italic;
+line-height:3em;
+text-decoration:none;
+color:#181621
+}
+
+.pagination .item a:hover {
+background:#22303d;
+color:#e3e3e3
+}
+
+.pagination .loading,.pagination a:hover.loading {
+font-size:0;
+background:url(loader.gif) center center no-repeat #22303d
+}
+
+.content {
+padding:20px 10px
+}
+
+.content .pagination {
+margin:0;
+padding:0
+}
+
+.content hr {
+margin:30px 10px;
+height:1px;
+background:#e3e3e3;
+border:0;
+box-shadow:0 2px 5px #e3e3e3
+}
+
+.content pre {
+margin:10px auto;
+padding:10px 20px;
+overflow:auto;
+background:#181621;
+color:#FCFCFC;
+font-size:.9rem
+}
+
+.content pre code {
+background:transparent;
+color:#FCFCFC;
+border:none
+}
+
+.content code {
+padding:2px 5px;
+color:#B0425B;
+background:#FCFCFC;
+border:1px solid #FCFCFC
+}
+
+.content blockquote {
+display:block;
+margin:0;
+padding:5px 20px;
+border-top:1px solid #e3e3e3;
+border-bottom:1px solid #e3e3e3;
+background:#FCFCFC;
+color:#969696
+}
+
+.content blockquote p {
+margin:0
+}
+
+.content > h1.title > a {
+color:#181621
+}
+
+.box {
+border:1px solid #e3e3e3
+}
+
+.box .box-title {
+margin:0;
+padding:5px 10px;
+background:#e3e3e3;
+color:#969696;
+border-bottom:1px solid #e3e3e3
+}
+
+.box .box-content {
+max-height:260px
+}
+
+.box .box-content .item {
+padding:0 10px;
+font-size:.9rem;
+line-height:2.5em
+}
+
+.box .box-content .item .configure {
+visibility:hidden
+}
+
+.box .box-content .item .configure .icon {
+vertical-align:middle;
+background-color:#e3e3e3
+}
+
+.box .box-content .item:hover .configure {
+visibility:visible
+}
+
+.box.category .box-title .title {
+font-weight:400;
+text-decoration:none;
+text-align:left
+}
+
+.box.category:not([data-unread="0"]) .box-title {
+background:#0062be
+}
+
+.box.category:not([data-unread="0"]) .box-title:active {
+background:#00488b
+}
+
+.box.category:not([data-unread="0"]) .box-title .title {
+font-weight:700;
+color:#FCFCFC
+}
+
+.box.category .title:not([data-unread="0"])::after {
+position:absolute;
+top:5px;
+right:10px;
+border:0;
+background:none;
+font-weight:700;
+box-shadow:none;
+text-shadow:none
+}
+
+.box.category .item.feed {
+padding:2px 10px;
+font-size:.8rem
+}
+
+.tree {
+margin:10px 0
+}
+
+.tree-folder-title {
+position:relative;
+padding:0 10px;
+background:#22303d;
+line-height:2.3rem;
+font-size:1rem;
+height:35px
+}
+
+.tree-folder-title .title {
+background:inherit;
+color:#FCFCFC
+}
+
+.tree-folder-title .title:hover {
+text-decoration:none
+}
+
+.tree-folder-items {
+background:#22303d
+}
+
+.tree-folder-items > .item {
+padding:0 10px;
+line-height:2.5rem;
+font-size:.8rem
+}
+
+.tree-folder-items > .item.active {
+background:#00488b
+}
+
+.tree-folder-items > .item > a {
+text-decoration:none;
+color:#FCFCFC
+}
+
+.header > .item {
+vertical-align:middle
+}
+
+.header > .item.title {
+width:231px;
+position:absolute
+}
+
+.header > .item.title h1 {
+margin:0;
+display:block
+}
+
+.header > .item.title h1 a {
+text-decoration:none;
+color:#FCFCFC
+}
+
+.header > .item.title .logo {
+display:inline-block;
+height:26px;
+vertical-align:top;
+position:relative;
+top:5px
+}
+
+.header > .item.search input {
+width:230px
+}
+
+.header .item.search input:focus {
+width:350px
+}
+
+.header .item.search {
+display:none
+}
+
+.header .item.configure {
+position:fixed;
+right:0;
+z-index:1000;
+width:35px
+}
+
+.header h1 {
+text-align:center;
+font-size:1.5em
+}
+
+.aside {
+background:#22303d;
+padding:35px 0;
+width:231px
+}
+
+.aside.aside_feed .tree {
+margin:0 0 50px
+}
+
+.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
+}
+
+.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
+position:absolute;
+right:0;
+margin:6px 0;
+padding:0 10px;
+font-size:.9rem;
+line-height:1.5rem;
+background:inherit
+}
+
+.aside_feed .tree-folder-items .dropdown-menu::after {
+left:2px
+}
+
+.post {
+padding:10px 50px;
+font-size:.9em
+}
+
+.post input {
+background:#e3e3e3
+}
+
+.post form {
+margin:10px 0
+}
+
+.post.content {
+max-width:550px
+}
+
+.prompt {
+text-align:center
+}
+
+.prompt label {
+text-align:left
+}
+
+.prompt form {
+margin:10px auto 20px;
+width:200px
+}
+
+.prompt input {
+margin:5px auto;
+width:100%
+}
+
+.prompt p {
+margin:20px 0
+}
+
+#new-article {
+text-align:center;
+font-size:1em;
+background:#0062be;
+position:fixed;
+bottom:48px;
+z-index:900;
+left:0;
+width:231px;
+line-height:1.5em
+}
+
+#new-article:hover {
+background:#00488b
+}
+
+#new-article > a {
+line-height:1.5em;
+font-weight:700;
+color:#FCFCFC
+}
+
+#new-article > a:hover {
+text-decoration:none
+}
+
+.day {
+padding:0 10px;
+font-weight:700;
+line-height:3em;
+text-align:center
+}
+
+.day .name {
+display:none
+}
+
+.nav a {
+color:#FCFCFC
+}
+
+.nav_menu {
+font-size:0;
+background-color:#0062be;
+position:fixed;
+width:100%;
+z-index:900
+}
+
+.nav_menu .item.search {
+display:inline-block;
+position:fixed;
+right:40px
+}
+
+.flux {
+padding-right:10px;
+background:#FCFCFC
+}
+
+.flux::after {
+margin:0 auto;
+width:90%;
+border-top:1px solid #e3e3e3
+}
+
+.flux:hover,.flux .current {
+background:#FFF
+}
+
+.flux:hover:not(.current):hover .item.title,.flux .current:not(.current):hover .item.title {
+background:#FFF
+}
+
+.flux.not_read {
+background:#FFF3ED
+}
+
+.flux.not_read:not(.current):hover .item.title {
+background:#FFF3ED
+}
+
+.flux.favorite {
+background:#FFF6DA
+}
+
+.flux.favorite:not(.current):hover .item.title {
+background:#FFF6DA
+}
+
+.flux .date {
+font-size:.7rem;
+color:#969696
+}
+
+.flux .bottom {
+font-size:.8rem;
+text-align:center
+}
+
+.flux .website .favicon {
+padding:5px
+}
+
+.flux label {
+color:#FCFCFC;
+cursor:pointer
+}
+
+.flux_header {
+font-size:.8rem;
+cursor:pointer
+}
+
+.flux_header .title {
+font-size:.9rem
+}
+
+.notification {
+text-align:center;
+font-weight:700;
+font-size:1em;
+padding:10px 0;
+z-index:10;
+vertical-align:middle;
+background:#e3e3e3;
+color:#969696;
+border:none;
+position:fixed;
+bottom:48px;
+left:0;
+top:auto;
+width:231px;
+height:auto
+}
+
+.notification.good,.notification .bad {
+color:#FCFCFC
+}
+
+.notification.good {
+background:#5EAABF
+}
+
+.notification.good a.close:hover {
+background:#5EAABF
+}
+
+.notification.bad {
+background:#c46178
+}
+
+.notification.bad a.close:hover {
+background:#c46178
+}
+
+.notification#actualizeProgress {
+line-height:2em
+}
+
+.notification a.close {
+display:none
+}
+
+#bigMarkAsRead {
+text-align:center;
+text-decoration:none;
+background:#e3e3e3;
+padding:20px!important
+}
+
+#bigMarkAsRead:hover {
+background:#22303d;
+color:#FCFCFC
+}
+
+#nav_entries {
+margin:0;
+text-align:center;
+line-height:3em;
+table-layout:fixed;
+width:231px;
+background:#22303d
+}
+
+.stat {
+margin:10px 0 20px
+}
+
+.stat th,.stat td,.stat tr {
+border:none
+}
+
+.stat > table td,.stat > table th {
+border-bottom:1px solid #e3e3e3
+}
+
+.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
+}
+
+.loglist {
+overflow:hidden;
+border:1px solid #969696
+}
+
+.log {
+padding:5px 2%;
+overflow:auto;
+font-size:.8rem;
+background:#FCFCFC
+}
+
+.log > .date {
+margin:0 10px 0 0;
+padding:5px 10px
+}
+
+.log.error > .date {
+background:#c46178;
+color:#FCFCFC
+}
+
+.log.warning > .date {
+background:#FA8052;
+color:#FCFCFC
+}
+
+.log.notice > .date {
+background:#e3e3e3;
+color:#FCFCFC
+}
+
+.log.debug > .date {
+background:#181621;
+color:#FCFCFC
+}
+
+@media (max-width: 840px) {
+.dropdown-header,.dropdown-menu > .item {
+padding:12px
+}
+
+#new-article {
+width:100%;
+bottom:initial
+}
+
+.header {
+display:table
+}
+
+.header .item.title .logo {
+display:none
+}
+
+.header > .item.title h1 a {
+display:block;
+position:absolute;
+top:-35px;
+left:10px;
+font-size:.6em
+}
+
+.header .item.configure,button.read_all.btn {
+display:none
+}
+
+.flux .item.manage,.flux_header .item.website {
+width:35px;
+text-align:center
+}
+
+.aside {
+width:0;
+transition:width 200ms linear
+}
+
+.aside .toggle_aside {
+display:block;
+height:50px;
+line-height:50px;
+text-align:right;
+padding-right:10px;
+background:#22303d
+}
+
+.aside.aside_feed {
+padding:0
+}
+
+.aside:target {
+width:78%
+}
+
+.nav_menu {
+position:initial;
+height:71px
+}
+
+.nav_menu .btn {
+margin:5px 10px
+}
+
+.nav_menu .stick {
+margin:0 10px
+}
+
+.nav_menu .stick .btn {
+margin:5px 0
+}
+
+.nav_menu .search {
+position:absolute!important;
+top:35px;
+left:55px
+}
+
+.nav_menu .search input {
+width:85%
+}
+
+.pagination {
+margin:0 0 3.5em
+}
+
+#panel .close {
+display:block;
+height:50px;
+line-height:50px;
+text-align:right;
+padding-right:10px;
+background:#22303d
+}
+
+.day .name {
+font-size:1.1rem
+}
+
+.notification {
+width:100%
+}
+
+.notification a.close {
+display:block;
+left:0;
+background:transparent
+}
+
+.notification a.close:hover {
+opacity:.5
+}
+
+.notification a.close .icon {
+display:none
+}
+
+#nav_entries {
+width:100%!important
+}
+
+div#stream {
+margin-top:0
+}
+
+a.btn.toggle_aside {
+position:absolute;
+top:29px
+}
+
+form#mark-read-menu,a#actualize,a#toggle-order,div#nav_menu_actions,div#nav_menu_views {
+position:absolute
+}
+
+form#mark-read-menu {
+right:46px;
+top:30px;
+z-index:1100
+}
+
+a#actualize,a#toggle-order {
+right:0
+}
+
+a#actualize {
+top:29px
+}
+
+a#toggle-order,div#nav_menu_actions,div#nav_menu_views {
+top:65px
+}
+
+div#nav_menu_actions {
+left:0
+}
+
+div#nav_menu_views {
+right:50px
+}
+}
+
+@media (max-width: 410px) {
+.nav_menu .stick {
+margin:0
+}
+}
+
+@media (max-width: 374px) {
+#nav_menu_views {
+display:none
+}
+}
+
+button.as-link {
+color:#FCFCFC;
+outline:none
+}
+
+.dropdown-target:target ~ .btn.dropdown-toggle {
+background:#00488b
+}
+
+.tree-folder.active .tree-folder-title {
+background:#00488b;
+font-weight:700
+}
+
+.feed.item.empty {
+color:#FA8052
+}
+
+.feed.item.empty.active {
+background:#FA8052;
+color:#FCFCFC
+}
+
+.feed.item.empty.active > a {
+color:#FCFCFC
+}
+
+.feed.item.empty > a {
+color:#FA8052
+}
+
+.feed.item.error {
+color:#c46178
+}
+
+.feed.item.error.active {
+background:#c46178;
+color:#FCFCFC
+}
+
+.feed.item.error.active > a {
+color:#FCFCFC
+}
+
+.feed.item.error > a {
+color:#c46178
+}
+
+#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
+vertical-align:middle;
+float:right
+}
+
+#stream.reader .flux {
+padding:0 0 50px;
+background:#FCFCFC;
+color:#22303d;
+border:none
+}
+
+#stream.reader .flux .author {
+margin:0 0 10px;
+font-size:90%;
+color:#969696
+}
+
+#nav_menu_actions ul.dropdown-menu,#nav_menu_read_all ul.dropdown-menu {
+left:0
+}
+
+#slider label {
+min-height:initial
+}
+
+#slider .form-group:hover {
+background:inital
+}
\ No newline at end of file
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
new file mode 100644
index 000000000..9bd0326d9
--- /dev/null
+++ b/p/themes/Swage/swage.scss
@@ -0,0 +1,1160 @@
+@charset "UTF-8";
+//colors
+
+$color_text:	#181621;
+$color_light:	#FCFCFC;
+$color_nav:		#0062be;
+$color_aside:	#22303d;
+$color_alert:	#FA8052;
+$color_good:	#5EAABF;
+$color_bad:		#B0425B;
+$color_stared:	#FFF6DA;
+$color_unread:	#FFF3ED;
+$color_hover:	#FFFFFF;
+
+// @extend-elements
+%input {
+	min-height: 25px;
+	margin-top: 4px;
+	line-height: 25px;
+	vertical-align: middle;
+	background: $color_light;
+	border: none;
+	padding-left: 5px;
+}
+
+%invalid {
+	color: $color_bad;
+	border-color: $color_bad;
+	box-shadow: none;
+}
+
+%nav-list {
+	height: 2.5em;
+	line-height: 2.5em;
+	font-size: 0.9rem;
+}
+
+%dropdown {
+	padding: 0 22px;
+	line-height: 2.5em;
+	font-size: 0.8rem;
+	color: $color_light;
+}
+
+%after {
+	content: "";
+	display: block;
+	clear: both;
+}
+
+// /@extend-elements
+html,
+body {
+	height: 100%;
+	font-family: Helvetica, Arial, sans-serif;
+}
+
+a {
+	color: darken( $color_nav, 10%);
+	outline: none;
+	&.btn {
+		min-height: 25px;
+		line-height: 25px;
+		text-decoration: none;
+		&:hover {
+			background: darken( $color_nav, 10%);
+		}
+	}
+}
+
+img {
+	&.icon:hover {
+		background: none;
+	}
+}
+
+div#stream {
+	margin-top: 35px;
+}
+
+sup {
+	top: -0.3em;
+}
+
+legend {
+	display: inline-block;
+	width: auto;
+	margin: 20px 0 5px;
+	padding: 5px 20px;
+	font-size: 1.4em;
+	clear: both;
+	background: darken( $color_light, 10%);
+}
+
+label {
+	min-height: 25px;
+}
+
+textarea {
+	width: 360px;
+	height: 100px;
+	@extend %input;
+	background: darken( $color_light, 10% );
+	&:focus {
+		border-color: darken( $color_nav, 10%);
+	}
+}
+
+input,
+select {
+	@extend %input;
+	&:focus {
+		border-color: darken( $color_nav, 10%);
+	}
+	&:invalid {
+		@extend %invalid;
+	}
+	&:disabled {
+		background: $color_light;
+	}
+}
+
+select {
+	background: darken( $color_light, 10% );
+}
+
+input {
+	&.extend {
+		transition: width 200ms linear;
+	}
+}
+
+option {
+	padding: 0 .5em;
+}
+
+table {
+	border-collapse: collapse;
+}
+
+tr,
+td,
+th {
+	padding: 0.5em;
+	border: 1px solid darken( $color_light, 10%);
+}
+
+th {
+	background: $color_light;
+}
+
+form {
+	td,
+	th {
+		font-weight: normal;
+		text-align: center;
+	}
+}
+.category {
+	.title.error::before {
+		display: inline-block;
+		padding-right: 7px;
+		width: 16px;
+		content: url(../Swage/icons/error.svg);
+	}
+}
+
+
+.form-group {
+	padding: 5px;
+	border: 1px solid transparent;
+	&:hover {
+		background: $color_light;
+		border: 1px solid $color_light;
+	}
+	&.form-actions {
+		margin: 15px 0 25px;
+		padding: 5px 0;
+		background: darken( $color_light, 10%);
+		border-top: 3px solid darken( $color_light, 10%);
+		.btn {
+			margin: 0 10px;
+		}
+	}
+	.group-name {
+		padding: 10px 0;
+		text-align: right;
+	}
+	.group-controls {
+		min-height: 25px;
+		padding: 5px 0;
+		.control {
+			line-height: 2.0em;
+		}
+	}
+	table {
+		margin: 10px 0 0 220px;
+	}
+}
+
+.form-group::after {
+	@extend %after;
+}
+
+.stick {
+	vertical-align: middle;
+	font-size: 0;
+}
+
+.btn {
+	display: inline-block;
+	min-height: 35px;
+	min-width: 15px;
+	margin: 0;
+	padding: 5px 10px;
+	font-size: 0.9rem;
+	vertical-align: middle;
+	cursor: pointer;
+	overflow: hidden;
+	background: $color_nav;
+	border: none;
+	color: $color_light;
+	&.active,
+	:active,
+	:hover {
+		background: darken( $color_nav, 10%);
+		text-decoration: none;
+	}
+}
+
+.btn-important, .btn-attention {
+	font-weight: normal;
+	background: $color_alert;
+	color: $color_light;
+	&:hover,
+	:active {
+		background: darken( $color_alert, 10%) !important;
+	}
+}
+
+.nav-list {
+	.nav-header {
+		@extend %nav-list;
+		padding: 0 10px;
+		font-weight: bold;
+		background: $color_aside;
+		color: $color_light;
+		cursor: default;
+	}
+	.item {
+		@extend %nav-list;
+		&:hover,
+		.active {
+			background: darken( $color_nav, 10%);
+			color: $color_light;
+			a {
+				color: $color_light;
+			}
+			&.empty a,
+			.error a {
+				color: $color_light;
+			}
+			&.empty a {
+				background: $color_alert;
+			}
+			&.error a {
+				background: lighten( $color_bad, 10%);
+			}
+		}
+		> a {
+			padding: 0 10px;
+		}
+		&.empty a {
+			color: $color_alert;
+		}
+		&.error a {
+			color: lighten( $color_bad, 10%);
+		}
+	}
+	.disable {
+		text-align: center;
+		background: $color_light;
+		color: darken( $color_light, 40% );
+	}
+	.nav-form {
+		padding: 3px;
+		text-align: center;
+	}
+	a:hover {
+		text-decoration: none;
+	}
+}
+
+.nav-head {
+	margin: 0;
+	text-align: right;
+	background: $color_aside;
+	color: $color_light;
+	a {
+		color: $color_light;
+	}
+	.item {
+		padding: 5px 10px;
+		font-size: 0.9rem;
+		line-height: 1.5rem;
+	}
+}
+
+.horizontal-list {
+	margin: 0;
+	padding: 0;
+	.item {
+		vertical-align: middle;
+	}
+}
+
+.dropdown-menu {
+	padding: 5px 0;
+	font-size: 0.8rem;
+	text-align: left;
+	border: none;
+	background-color: darken( $color_nav, 10%);
+	.dropdown-header {
+		cursor: default;
+	}
+	> {
+		.item {
+			@extend %dropdown;
+			padding: 0;
+			margin-left: 10px;
+			> a,
+			> span,
+			> as-link,
+			button {
+				@extend %dropdown;
+			}
+			> a {
+				min-width: initial;
+				white-space: nowrap;
+			} 
+			&:hover {
+				background: $color_nav;
+				color: $color_light;
+				> a {
+					text-decoration: none;
+					color: $color_light;
+				}
+			}
+		}
+		.item[aria-checked="true"] > a::before {
+			font-weight: bold;
+			margin: 0 0 0 -14px;
+		}
+	}
+	.input {
+		select,
+		input {
+			margin: 0 auto 5px;
+			padding: 2px 5px;
+		}
+	}
+}
+
+.dropdown-header {
+	padding: 0 5px 5px;
+	font-weight: bold;
+	text-align: left;
+	color: $color_light;
+}
+
+.separator {
+	margin: 5px 0;
+	border-bottom: 1px solid darken( $color_light, 10%);
+	cursor: default;
+}
+
+.alert {
+	margin: 5px auto;
+	padding: 10px 15px;
+	font-size: 0.9em;
+	background: $color_light;
+	border: none;
+	color: darken( $color_light, 40% );
+	text-shadow: 0 0 1px $color_light;
+	> a {
+		text-decoration: underline;
+		color: inherit;
+	}
+}
+
+.alert-head {
+	font-size: 1.15em;
+}
+
+.alert-warn,
+.alert-success,
+.alert-error {
+	border: none;
+}
+
+.alert-warn {
+	background: $color_light;
+	color: $color_alert;
+}
+
+.alert-success {
+	background: $color_light;
+	color: $color_good;
+}
+
+.alert-error {
+	background: $color_light;
+	color: $color_bad;
+}
+
+.pagination {
+	text-align: center;
+	font-size: 0.8em;
+	background: darken( $color_light, 10%);
+	color: $color_text;
+	.item {
+		&.pager-current {
+			font-weight: bold;
+			font-size: 1.5em;
+			background: $color_aside;
+			color: darken( $color_light, 10%);
+		}
+		a {
+			display: block;
+			font-style: italic;
+			line-height: 3em;
+			text-decoration: none;
+			color: $color_text;
+			&:hover {
+				background: $color_aside;
+				color: darken( $color_light, 10%);
+			}
+		}
+	}
+	.loading,
+	a:hover.loading {
+		font-size: 0;
+		background: url(loader.gif) center center no-repeat $color_aside;
+	}
+}
+
+.content {
+	padding: 20px 10px;
+	.pagination {
+		margin: 0;
+		padding: 0;
+	}
+	hr {
+		margin: 30px 10px;
+		height: 1px;
+		background: darken( $color_light, 10%);
+		border: 0;
+		box-shadow: 0 2px 5px darken( $color_light, 10%);
+	}
+	pre {
+		margin: 10px auto;
+		padding: 10px 20px;
+		overflow: auto;
+		background: $color_text;
+		color: $color_light;
+		font-size: 0.9rem;
+		code {
+			background: transparent;
+			color: $color_light;
+			border: none;
+		}
+	}
+	code {
+		padding: 2px 5px;
+		color: $color_bad;
+		background: $color_light;
+		border: 1px solid $color_light;
+	}
+	blockquote {
+		display: block;
+		margin: 0;
+		padding: 5px 20px;
+		border-top: 1px solid darken( $color_light, 10%);
+		border-bottom: 1px solid darken( $color_light, 10%);
+		background: $color_light;
+		color: darken( $color_light, 40% );
+		p {
+			margin: 0;
+		}
+	}
+	> h1.title > a {
+		color: $color_text;
+	}
+}
+
+.box {
+	border: 1px solid darken( $color_light, 10%);
+	.box-title {
+		margin: 0;
+		padding: 5px 10px;
+		background: darken( $color_light, 10%);
+		color: darken( $color_light, 40% );
+		border-bottom: 1px solid darken( $color_light, 10%);
+	}
+	.box-content {
+		max-height: 260px;
+		.item {
+			padding: 0 10px;
+			font-size: 0.9rem;
+			line-height: 2.5em;
+			.configure {
+				visibility: hidden;
+				.icon {
+					vertical-align: middle;
+					background-color: darken( $color_light, 10%);
+				}
+			}
+			&:hover .configure {
+				visibility: visible;
+			}
+		}
+	}
+	&.category {
+		.box-title .title {
+			font-weight: normal;
+			text-decoration: none;
+			text-align: left;
+		}
+		&:not([data-unread="0"]) .box-title {
+			background: $color_nav;
+			&:active {
+				background: darken( $color_nav, 10%);
+			}
+			.title {
+				font-weight: bold;
+				color: $color_light;
+			}
+		}
+		.title:not([data-unread="0"])::after {
+			position: absolute;
+			top: 5px;
+			right: 10px;
+			border: 0;
+			background: none;
+			font-weight: bold;
+			box-shadow: none;
+			text-shadow: none;
+		}
+		.item.feed {
+			padding: 2px 10px;
+			font-size: 0.8rem;
+		}
+	}
+}
+
+.tree {
+	margin: 10px 0;
+}
+
+.tree-folder-title {
+	position: relative;
+	padding: 0 10px;
+	background: $color_aside;
+	line-height: 2.3rem;
+	font-size: 1rem;
+	height: 35px;
+	.title {
+		background: inherit;
+		color: $color_light;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+}
+
+.tree-folder-items {
+	background: $color_aside;
+	> .item {
+		padding: 0 10px;
+		line-height: 2.5rem;
+		font-size: 0.8rem;
+		&.active {
+			background: darken( $color_nav, 10%);
+		}
+		> a {
+			text-decoration: none;
+			color: $color_light;
+		}
+	}
+}
+
+.header {
+	> .item {
+		vertical-align: middle;
+		&.title {
+			width: 231px;
+			position: absolute;
+			h1 {
+				margin: 0;
+				display: block;
+				a {
+					text-decoration: none;
+					color: $color_light;
+				}
+			}
+			.logo {
+				display: inline-block;
+				height: 26px;
+				vertical-align: top;
+				position: relative;
+				top: 5px;
+			}
+		}
+		&.search input {
+			width: 230px;
+		}
+	}
+	.item.search input:focus {
+		width: 350px;
+	}
+	.item.search {
+		display: none;
+	}
+	.item.configure {
+		position: fixed;
+		right: 0px;
+		z-index: 1000;
+		width: 35px;
+	}
+	h1 {
+		text-align: center;
+		font-size: 1.5em;
+	}
+}
+
+.aside {
+	background: $color_aside;
+	padding: 35px 0;
+	width: 231px;
+	&.aside_feed {
+		.tree {
+			margin: 0 0 50px;
+		}
+		.nav-form {
+			input,
+			select {
+				width: 140px;
+			}
+			.dropdown {
+				.dropdown-menu {
+					right: -20px;
+				}
+				.dropdown-menu::after {
+					right: 33px;
+				}
+			}
+		}
+	}
+}
+
+.aside_feed {
+	.tree-folder-title > .title:not([data-unread="0"])::after {
+		position: absolute;
+		right: 0;
+		margin: 6px 0;
+		padding: 0 10px;
+		font-size: 0.9rem;
+		line-height: 1.5rem;
+		background: inherit;
+	}
+	.tree-folder-items .dropdown-menu::after {
+		left: 2px;
+	}
+}
+
+.post {
+	padding: 10px 50px;
+	font-size: 0.9em;
+	input {
+		background: darken( $color_light, 10% );
+	}
+	form {
+		margin: 10px 0;
+	}
+	&.content {
+		max-width: 550px;
+	}
+}
+
+.prompt {
+	text-align: center;
+	label {
+		text-align: left;
+	}
+	form {
+		margin: 10px auto 20px auto;
+		width: 200px;
+	}
+	input {
+		margin: 5px auto;
+		width: 100%;
+	}
+	p {
+		margin: 20px 0;
+	}
+}
+
+#new-article {
+	text-align: center;
+	font-size: 1em;
+	background: $color_nav;
+	position: fixed;
+	bottom: 48px;
+	z-index: 900;
+	left: 0;
+	width: 231px;
+	line-height: 1.5em;
+	&:hover {
+		background: darken( $color_nav, 10%);
+	}
+	> a {
+		line-height: 1.5em;
+		font-weight: bold;
+		color: $color_light;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+}
+
+.day {
+	padding: 0 10px;
+	font-weight: bold;
+	line-height: 3em;
+	text-align: center;
+	.name {
+		display: none;
+	}
+}
+
+.nav {
+	a {
+		color: $color_light;
+	}
+}
+
+
+.nav_menu {
+	font-size: 0;
+	background-color: $color_nav;
+	position: fixed;
+	width: 100%;
+	z-index: 900;
+	.item.search {
+		display: inline-block;
+		position: fixed;
+		right: 40px;
+	}
+}
+
+.flux {
+	padding-right: 10px;
+	background: $color_light;
+	&::after {
+		@extend %after;
+		margin: 0 auto;
+		width: 90%;
+		border-top: 1px solid darken( $color_light, 10%);
+	}
+	&:hover,
+	.current {
+		background: $color_hover;
+		&:not(.current):hover .item.title {
+			background: $color_hover;
+		}
+	}
+	&.not_read {
+		background: $color_unread;
+		&:not(.current):hover .item.title {
+			background: $color_unread;
+		}
+	}
+	&.favorite,{
+		background: $color_stared;
+		&:not(.current):hover .item.title {
+			background: $color_stared;
+		}
+	}
+	.date {
+		font-size: 0.7rem;
+		color: darken( $color_light, 40% );
+	}
+	.bottom {
+		font-size: 0.8rem;
+		text-align: center;
+	}
+	.website .favicon {
+		padding: 5px;
+	}
+	label {
+		color: $color_light;
+		cursor: pointer;
+	}
+}
+
+.flux_header {
+	font-size: 0.8rem;
+	cursor: pointer;
+	.title {
+		font-size: 0.9rem;
+	}
+}
+
+.notification {
+	text-align: center;
+	font-weight: bold;
+	font-size: 1em;
+	padding: 10px 0;
+	z-index: 10;
+	vertical-align: middle;
+	background: darken( $color_light, 10%);
+	color: darken( $color_light, 40% );
+	border: none;
+	position: fixed;
+	bottom: 48px;
+	left: 0;
+	top: auto;
+	width: 231px;
+	height: auto;
+	&.good,
+	.bad {
+		color: $color_light;
+	}
+	&.good {
+		background: $color_good;
+		a.close:hover {
+			background: $color_good;
+		}
+	}
+	&.bad {
+		background: lighten( $color_bad, 10%);
+		a.close:hover {
+			background: lighten( $color_bad, 10%);
+		}
+	}
+	&#actualizeProgress {
+		line-height: 2em;
+	}
+	a.close {
+		display: none;
+	}
+}
+
+#bigMarkAsRead {
+	text-align: center;
+	text-decoration: none;
+	background: darken( $color_light, 10%);
+	padding: 20px !IMPORTANT;
+	&:hover {
+		background: $color_aside;
+		color: $color_light;
+	}
+}
+
+#nav_entries {
+	margin: 0;
+	text-align: center;
+	line-height: 3em;
+	table-layout: fixed;
+	width: 231px;
+	background: $color_aside;
+}
+
+.stat {
+	margin: 10px 0 20px;
+	th,
+	td,
+	tr {
+		border: none;
+	}
+	> table {
+		td,
+		th {
+			border-bottom: 1px solid darken( $color_light, 10%);
+		}
+	}
+	> .horizontal-list {
+		margin: 0 0 5px;
+		.item {
+			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			&:first-child {
+				width: 270px;
+			}
+		}
+	}
+}
+
+.loglist {
+	overflow: hidden;
+	border: 1px solid darken( $color_light, 40% );
+}
+
+.log {
+	padding: 5px 2%;
+	overflow: auto;
+	font-size: 0.8rem;
+	background: $color_light;
+	> .date {
+		margin: 0 10px 0 0;
+		padding: 5px 10px;
+	}
+	&.error > .date {
+		background: lighten( $color_bad, 10%);
+		color: $color_light;
+	}
+	&.warning > .date {
+		background: $color_alert;
+		color: $color_light;
+	}
+	&.notice > .date {
+		background: darken( $color_light, 10%);
+		color: $color_light;
+	}
+	&.debug > .date {
+		background: $color_text;
+		color: $color_light;
+	}
+}
+
+@media(max-width: 840px) {
+	.dropdown-header, .dropdown-menu > .item {
+		padding: 12px;
+	}
+	
+	#new-article {
+		width: 100%;
+		bottom: initial;
+	}
+	.header {
+		display: table;
+		.item.title .logo {
+			display: none;
+		}
+	}
+	.header > .item.title h1 a {
+		display: block;
+		position: absolute;
+		top: -35px;
+		left: 10px;
+		font-size: 0.6em;
+	}
+	.header .item.configure,
+	button.read_all.btn {
+		display: none;
+	}
+	.flux .item.manage,
+	.flux_header .item.website {
+		width: 35px;
+		text-align: center;
+	}
+	.aside {
+		width: 0;
+		transition: width 200ms linear;
+		.toggle_aside {
+			display: block;
+			height: 50px;
+			line-height: 50px;
+			text-align: right;
+			padding-right: 10px;
+			background: $color_aside;
+		}
+		&.aside_feed {
+			padding: 0;
+		}
+		&:target {
+			width: 78%;
+		}
+	}
+	.nav_menu {
+		position: initial;
+		height: 71px;
+		.btn {
+			margin: 5px 10px;
+		}
+		.stick {
+			margin: 0 10px;
+			.btn {
+				margin: 5px 0;
+			}
+		}
+		.search {
+			position: absolute !important;
+			top: 35px;
+			left: 55px;
+			input {
+				width: 85%;
+			}
+		}
+	}
+	.pagination {
+		margin: 0 0 3.5em;
+	}
+	#panel .close {
+		display: block;
+		height: 50px;
+		line-height: 50px;
+		text-align: right;
+		padding-right: 10px;
+		background: $color_aside;
+	}
+	.day .name {
+		font-size: 1.1rem;
+	}
+	.notification {
+		width: 100%;
+		a.close {
+			display: block;
+			left: 0;
+			background: transparent;
+			&:hover {
+				opacity: 0.5;
+			}
+			.icon {
+				display: none;
+			}
+		}
+	}
+	#nav_entries {
+		width: 100% !important;
+	}
+	div#stream {
+		margin-top: 0px;
+	}
+	a.btn.toggle_aside {
+		position: absolute;
+		top: 29px;
+	}
+	form#mark-read-menu,
+	a#actualize,
+	a#toggle-order,
+	div#nav_menu_actions,
+	div#nav_menu_views {
+		position: absolute;
+	}
+	form#mark-read-menu {
+		right: 46px;
+		top: 30px;
+		z-index: 1100;
+	}
+	a#actualize,
+	a#toggle-order {
+		right: 0px;
+	}
+	a#actualize {
+		top: 29px;
+	}
+	a#toggle-order,
+	div#nav_menu_actions,
+	div#nav_menu_views {
+		top: 65px;
+	}
+	div#nav_menu_actions {
+		left: 0px;
+	}
+	div#nav_menu_views {
+		right: 50px;
+	}
+}
+
+@media(max-width: 410px) {
+	.nav_menu .stick {
+		margin: 0;
+	}
+}
+
+@media(max-width: 374px) {
+	#nav_menu_views {
+		display: none;
+	}
+}
+
+button.as-link {
+	color: $color_light;
+	outline: none;
+}
+
+.dropdown-target:target ~ .btn.dropdown-toggle {
+	background: darken( $color_nav, 10%);
+}
+
+.tree-folder.active .tree-folder-title {
+	background: darken( $color_nav, 10%);
+	font-weight: bold;
+}
+
+.feed.item {
+	&.empty {
+		color: $color_alert;
+		&.active {
+			background: $color_alert;
+			color: $color_light;
+			> a {
+				color: $color_light;
+			}
+		}
+		> a {
+			color: $color_alert;
+		}
+	}
+	&.error {
+		color: lighten( $color_bad, 10%);
+		&.active {
+			background: lighten( $color_bad, 10%);
+			color: $color_light;
+			> a {
+				color: $color_light;
+			}
+		}
+		> a {
+			color: lighten( $color_bad, 10%);
+		}
+	}
+}
+
+#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
+	vertical-align: middle;
+	float: right;
+}
+
+#stream.reader .flux {
+	padding: 0 0 50px;
+	background: $color_light;
+	color: $color_aside;
+	border: none;
+	.author {
+		margin: 0 0 10px;
+		font-size: 90%;
+		color: darken( $color_light, 40% );
+	}
+}
+
+#nav_menu_actions, #nav_menu_read_all {
+	ul.dropdown-menu {
+    	left: 0px;
+	}
+}
+
+#slider {
+	label {
+		min-height: initial;
+	}
+	.form-group {
+		&:hover {
+			background: inital;
+		}
+	}
+	
+}
\ No newline at end of file
diff --git a/p/themes/Swage/thumbs/original.png b/p/themes/Swage/thumbs/original.png
new file mode 100644
index 000000000..1b4df3963
--- /dev/null
+++ b/p/themes/Swage/thumbs/original.png