Merge pull request #2599 from FreshRSS/dev1.15.0

FreshRSS 1.15

1 files changed, 185 insertions, 207 deletions

diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index 026ce875b..525e7e079 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -46,23 +46,24 @@
   font-stretch: normal;
   font-weight: 700;
   src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); }
+/* stylelint-disable property-no-vendor-prefix */
 /* FUNCTIONS */
 /* btns */
 .btn {
+  margin: 0;
+  padding: 0.5rem 1.5rem;
+  background: #fcfaf8;
   display: inline-block;
+  color: #766556;
+  font-size: 1rem;
+  border: none;
+  border-radius: 5px;
   min-height: 38px;
   min-width: 15px;
   line-height: 25px;
-  margin: 0;
-  padding: 0.5rem 1.5rem;
-  font-size: 1rem;
   vertical-align: middle;
   cursor: pointer;
   overflow: hidden;
-  background: #fcfaf8;
-  border-radius: 5px;
-  border: none;
-  color: #766556;
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
@@ -86,10 +87,10 @@ a.btn {
 
 /*=== Forms */
 legend {
-  display: inline-block;
-  width: auto;
   margin: 2rem 0 1rem 0;
   padding: 0;
+  display: inline-block;
+  width: auto;
   font-size: 1rem;
   clear: both;
   text-transform: uppercase;
@@ -107,16 +108,16 @@ textarea {
   height: 100px; }
 
 input, select, textarea, button {
-  font-family: "lato", "Helvetica", "Arial", sans-serif;
-  min-height: 25px;
   padding: 5px 10px;
-  line-height: 25px;
-  vertical-align: middle;
   background: #fff;
-  border: 1px solid #f5f0ec;
-  font-size: 1rem;
   color: #766556;
-  border-radius: 2px; }
+  font-family: "lato", "Helvetica", "Arial", sans-serif;
+  font-size: 1rem;
+  border: 1px solid #f5f0ec;
+  border-radius: 2px;
+  min-height: 25px;
+  line-height: 25px;
+  vertical-align: middle; }
 
 option {
   padding: 0 .5em; }
@@ -134,11 +135,7 @@ input:disabled, select:disabled {
   background: #f5f0ec; }
 
 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; }
+  transition: width 200ms linear; }
 
 .form-group {
   padding: 5px;
@@ -193,29 +190,24 @@ form th {
 
 /*=== Dropdown */
 .dropdown-menu {
-  background: #fcfaf8;
   margin: 0;
-  font-size: 1rem;
-  text-align: left;
   padding: 0.5rem 0 1rem 0;
+  background: #fcfaf8;
+  font-size: 1rem;
   border: none;
   border-radius: 3px;
-  -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-  -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); }
+  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
+  text-align: left; }
   .dropdown-menu::after {
+    background: white;
+    width: 10px;
+    height: 10px;
     content: "";
     position: absolute;
     top: -4px;
     right: 13px;
-    width: 10px;
-    height: 10px;
     z-index: -10;
-    transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    background: white; }
+    transform: rotate(45deg); }
   .dropdown-menu .dropdown-header {
     margin: 1.75rem 0 0.5rem 2rem;
     font-weight: bold;
@@ -230,9 +222,9 @@ form th {
     transition: all 0.075s ease-in-out; }
     .dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
       padding: 0 2rem;
-      line-height: 2.5em;
+      color: #363330;
       font-size: 1rem;
-      color: #363330; }
+      line-height: 2.5em; }
     .dropdown-menu .item:hover {
       background: #ca7227;
       color: #fff; }
@@ -240,8 +232,8 @@ form th {
         text-decoration: none;
         color: #fff; }
     .dropdown-menu .item[aria-checked="true"] a::before {
-      font-weight: bold;
-      margin: 0 0 0 -14px; }
+      margin: 0 0 0 -14px;
+      font-weight: bold; }
   .dropdown-menu .input select, .dropdown-menu .input input {
     margin: 0 auto 5px;
     padding: 2px 5px;
@@ -250,20 +242,14 @@ form th {
     margin: 0.75rem 0;
     border-bottom: 1px solid #f5f0ec; }
 
-.tree .tree-folder .tree-folder-items .dropdown-menu .item,
 .tree .tree-folder .tree-folder-items .dropdown-menu .item {
   padding: 0; }
   .tree .tree-folder .tree-folder-items .dropdown-menu .item a,
-  .tree .tree-folder .tree-folder-items .dropdown-menu .item button,
-  .tree .tree-folder .tree-folder-items .dropdown-menu .item a,
   .tree .tree-folder .tree-folder-items .dropdown-menu .item button {
     color: #363330; }
     .tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
-    .tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover,
-    .tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover,
     .tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover {
       color: #fff; }
-  .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover,
   .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover {
     background: #ca7227; }
 
@@ -271,11 +257,11 @@ form th {
 .alert {
   margin: 1rem 0;
   padding: 1rem;
-  font-size: 1rem;
   background: #fcfaf8;
+  color: #766556;
+  font-size: 1rem;
   border: 1px solid #d9ccbf;
   border-radius: 3px;
-  color: #766556;
   text-shadow: 0 0 1px #f5f0ec; }
 
 .alert-head {
@@ -287,43 +273,43 @@ form th {
 
 .alert-warn {
   background: #fdfde0;
-  border: 1px solid #73762f33;
-  color: #73762f; }
+  color: #73762f;
+  border: 1px solid #73762f33; }
 
 .alert-success {
   background: #cffdef;
-  border: 1px solid #0c755633;
-  color: #0c7556; }
+  color: #0c7556;
+  border: 1px solid #0c755633; }
 
 .alert-error {
   background: #fde0d8;
-  border: 1px solid #73341f33;
-  color: #73341f; }
+  color: #73341f;
+  border: 1px solid #73341f33; }
 
 /*=== Pagination */
 .pagination {
-  text-align: center;
-  font-size: 0.8em;
   background: #f5f0ec;
-  color: #363330; }
+  color: #363330;
+  font-size: 0.8em;
+  text-align: center; }
   .pagination .item.pager-current {
-    font-weight: bold;
-    font-size: 1.5em;
     background: #fbf9f6;
-    color: #f5f0ec; }
+    color: #f5f0ec;
+    font-size: 1.5em;
+    font-weight: bold; }
   .pagination .item a {
     display: block;
+    color: #363330;
     font-style: italic;
     line-height: 3em;
-    text-decoration: none;
-    color: #363330; }
+    text-decoration: none; }
     .pagination .item a:hover {
       background: #363330;
       color: #f5f0ec; }
   .pagination .loading,
   .pagination a:hover.loading {
-    font-size: 0;
-    background: url("loader.gif") center center no-repeat #34495e; }
+    background: url("loader.gif") center center no-repeat #34495e;
+    font-size: 0; }
 
 .content .pagination {
   margin: 0;
@@ -331,11 +317,9 @@ form th {
 
 /*=== Boxes */
 .box {
+  background: #fff;
   border: none;
   border-radius: 3px;
-  background: #fff;
-  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
-  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
   .box .box-title {
     margin: 0;
@@ -346,18 +330,18 @@ form th {
     .box .box-title img {
       margin-right: 0.75rem; }
     .box .box-title:hover .configure {
-      visibility: visible;
       background: url("icons/cog.svg") no-repeat 4px 4px;
+      display: block;
+      float: left;
       width: 1.75rem;
       height: 1.75rem;
-      display: block;
       border-radius: 2px;
-      float: left;
+      visibility: visible;
       margin-right: 0.5rem; }
       .box .box-title:hover .configure .icon {
-        vertical-align: middle;
+        display: none;
         border-radius: 3px;
-        display: none; }
+        vertical-align: middle; }
       .box .box-title:hover .configure:hover {
         background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; }
     .box .box-title .configure {
@@ -368,33 +352,33 @@ form th {
       float: right; }
       .box .box-title form .dropdown a.dropdown-toggle {
         padding: 0;
+        border-radius: 0;
         background-image: url(icons/more.svg);
         background-repeat: no-repeat;
-        background-position: right 8px;
-        border-radius: 0; }
+        background-position: right 8px; }
         .box .box-title form .dropdown a.dropdown-toggle img {
           display: none; }
   .box .box-content .item {
     padding: 0.5rem 0.75rem;
-    font-size: 1rem;
     color: #363330;
-    line-height: 1.7em;
-    border-bottom: 1px solid #f5f0ec; }
+    font-size: 1rem;
+    border-bottom: 1px solid #f5f0ec;
+    line-height: 1.7em; }
     .box .box-content .item img {
       margin-right: 0.75rem; }
     .box .box-content .item .configure {
-      visibility: hidden;
+      background: url("icons/cog.svg") no-repeat 4px 4px;
+      display: block;
+      float: left;
       width: 1.75rem;
       height: 1.75rem;
-      display: block;
       border-radius: 2px;
-      float: left;
-      margin-right: 0.5rem;
-      background: url("icons/cog.svg") no-repeat 4px 4px; }
+      visibility: hidden;
+      margin-right: 0.5rem; }
       .box .box-content .item .configure .icon {
-        vertical-align: middle;
+        display: none;
         border-radius: 3px;
-        display: none; }
+        vertical-align: middle; }
       .box .box-content .item .configure:hover {
         background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; }
     .box .box-content .item:hover .configure {
@@ -419,11 +403,11 @@ form th {
       background: url(icons/tick-white.svg) center no-repeat; }
   #bigMarkAsRead .bigTick {
     margin: 0.5rem 0;
-    display: inline-block;
-    text-indent: -9999px;
     background: url(icons/tick-color.svg) center no-repeat;
-    height: 64px;
+    display: inline-block;
     width: 64px;
+    height: 64px;
+    text-indent: -9999px;
     white-space: nowrap; }
 
 .formLogin {
@@ -439,8 +423,8 @@ form th {
   .formLogin form#crypto-form div {
     margin-bottom: 1rem; }
     .formLogin form#crypto-form div label {
-      font-size: 1rem;
-      color: #d9ccbf; }
+      color: #d9ccbf;
+      font-size: 1rem; }
     .formLogin form#crypto-form div input {
       background: #221f1d; }
       .formLogin form#crypto-form div input:focus {
@@ -467,15 +451,13 @@ form th {
     scrollbar-color: #36333033 #36333022; }
   .tree .tree-folder {
     border-bottom: 1px solid #f0e7da;
-    -moz-box-shadow: inset -1px -11px 8px #00000033;
-    -webkit-box-shadow: inset -1px -11px 8px #00000033;
-    box-shadow: inset -1px -11px 8px #00000033; }
+    box-shadow: inset -1px -11px 8px #0003; }
     .tree .tree-folder .tree-folder-title {
-      position: relative;
+      padding: 12px 16px;
       background: #fbf9f6;
+      position: relative;
       font-size: 0.85rem;
       letter-spacing: 1px;
-      padding: 12px 16px;
       font-weight: 700;
       text-transform: uppercase; }
       .tree .tree-folder .tree-folder-title .title {
@@ -504,22 +486,22 @@ form th {
             .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
               color: #363330; }
           .tree .tree-folder .tree-folder-items .item.active a {
-            color: #FFFFFF; }
+            color: #fff; }
         .tree .tree-folder .tree-folder-items .item:hover {
           background: #efe3d3; }
         .tree .tree-folder .tree-folder-items .item a {
           text-decoration: none;
           color: #363330; }
       .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before {
-        content: attr(data-unread);
+        margin: 11px 6px 0 4px;
+        padding: 3px 4px;
         background: rgba(35, 35, 0, 0.15);
-        font-size: 0.75rem;
         display: block;
         float: left;
-        padding: 3px 4px;
-        text-align: center;
+        font-size: 0.75rem;
         border-radius: 12px;
-        margin: 11px 6px 0 4px;
+        content: attr(data-unread);
+        text-align: center;
         line-height: 0.75rem; }
 
 /*=== Buttons */
@@ -576,11 +558,11 @@ form th {
     background: #efe3d3;
     color: #363330; }
     .nav-list .item:hover .error a {
-      color: #363330;
-      background: #ca7227; }
+      background: #ca7227;
+      color: #363330; }
     .nav-list .item:hover .empty a {
-      color: #363330;
-      background: #f4f762; }
+      background: #f4f762;
+      color: #363330; }
     .nav-list .item:hover a {
       color: #363330;
       text-decoration: none; }
@@ -588,11 +570,11 @@ form th {
     background: #ca7227;
     color: #fff; }
     .nav-list .item.active .error a {
-      color: #fff;
-      background: #ca7227; }
+      background: #ca7227;
+      color: #fff; }
     .nav-list .item.active .empty a {
-      color: #fff;
-      background: #f4f762; }
+      background: #f4f762;
+      color: #fff; }
     .nav-list .item.active a {
       color: #fff;
       text-decoration: none; }
@@ -601,7 +583,7 @@ form th {
 .nav-list .disable {
   text-align: center;
   background: #fcfaf8;
-  color: #bbaa99; }
+  color: #ba9; }
 .nav-list .nav-header {
   padding: 0 10px;
   font-weight: bold;
@@ -625,13 +607,13 @@ form th {
 
 /*=== Aside main page (categories) */
 .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
+  margin: -0.5rem 1rem 0 0;
+  padding: 0 0.75rem;
+  background: rgba(35, 35, 0, 0.15);
+  border-radius: 12px;
   position: absolute;
   right: 0;
   line-height: 1.5rem;
-  background: rgba(35, 35, 0, 0.15);
-  border-radius: 12px;
-  padding: 0 0.75rem;
-  margin: -0.5rem 1rem 0 0;
   text-align: center; }
 
 .feed.item.empty.active {
@@ -669,16 +651,16 @@ form th {
 /*===============*/
 /*=== Header */
 .header {
-  background: #fbf9f6;
   padding: 0.5rem 1.35rem;
+  background: #fbf9f6;
   display: block;
-  table-layout: none;
-  width: auto; }
+  width: auto;
+  table-layout: none; }
   .header .item {
     vertical-align: middle; }
     .header .item.title {
-      font-weight: 400;
-      width: 280px; }
+      width: 280px;
+      font-weight: 400; }
       .header .item.title h1 a {
         text-decoration: none;
         color: #363330;
@@ -689,10 +671,10 @@ form th {
           margin-right: 0.5rem; }
     .header .item.search input {
       width: 230px;
-      border-radius: 2px 0 0 2px;
-      background-color: #f7f2ea;
       color: #363330;
       border: none;
+      border-radius: 2px 0 0 2px;
+      background-color: #f7f2ea;
       -webkit-transition: all 0.15s ease-in-out;
       -moz-transition: all 0.15s ease-in-out;
       -o-transition: all 0.15s ease-in-out;
@@ -701,16 +683,16 @@ form th {
         background-color: #efe3d3; }
       .header .item.search input:focus {
         width: 350px;
-        background-color: #fff;
-        color: #766556; }
+        color: #766556;
+        background-color: #fff; }
     .header .item.search .btn {
+      width: 3rem;
       border-radius: 0 2px 2px 0;
       background-color: #ca7227;
       background-position: center;
       background-repeat: no-repeat;
       background-image: url(icons/magnifier.svg);
       border-left-width: 0;
-      width: 3rem;
       min-height: 35px; }
       .header .item.search .btn img {
         display: none; }
@@ -723,11 +705,11 @@ form th {
       top: 1.25rem;
       text-align: center; }
       .header .item.configure .btn {
+        padding: 0 0.5rem;
         background-color: transparent;
         background-position: center;
         background-repeat: no-repeat;
-        background-image: url(icons/cog.svg);
-        padding: 0 0.5rem; }
+        background-image: url(icons/cog.svg); }
         .header .item.configure .btn img {
           display: none; }
 
@@ -755,9 +737,9 @@ form th {
 
 /*=== New article notification */
 #new-article {
-  text-align: center;
+  background: #ca7227;
   font-size: 1rem;
-  background: #ca7227; }
+  text-align: center; }
 
 #new-article:hover {
   background: #b7641d; }
@@ -773,16 +755,16 @@ form th {
 /*=== Day indication */
 .day {
   padding: 1rem 0 0 1.25rem;
+  color: #6d655f;
+  font-size: 0.875rem;
   font-weight: 700;
   line-height: 3em;
   letter-spacing: 1px;
-  text-transform: uppercase;
-  font-size: 0.875rem;
-  color: #6d655f; }
+  text-transform: uppercase; }
   .day .name {
     padding: 0 1rem 0 1rem;
-    font-size: 0.875rem;
     color: #363330;
+    font-size: 0.875rem;
     position: relative;
     left: 0;
     text-transform: uppercase; }
@@ -834,9 +816,9 @@ form th {
       .nav_menu .stick .btn#toggle-non-starred.active {
         background-image: url(icons/non-starred-white.svg); }
       .nav_menu .stick .btn.read_all {
-        background-color: #fcfaf8;
-        color: #363330;
         padding: 5px 16px;
+        color: #363330;
+        background-color: #fcfaf8;
         -webkit-transition: all 0.15s ease-in-out;
         -moz-transition: all 0.15s ease-in-out;
         -o-transition: all 0.15s ease-in-out;
@@ -863,7 +845,7 @@ form th {
 
 #dropdown-query ~ .dropdown-menu .dropdown-header .icon {
   vertical-align: middle;
-  background-color: #bbaa99;
+  background-color: #ba9;
   border-radius: 3px; }
 
 /*=== Content of feed articles */
@@ -873,21 +855,21 @@ form th {
   line-height: 1.8rem; }
   .content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
     color: #363330;
-    font-family: "spectral";
+    font-family: "spectral", serif;
     font-size: 2rem; }
     .content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover {
       color: #ca7227;
       text-decoration: none; }
   .content .author, .content.thin .author {
-    font-size: 1.125rem;
-    color: #6d655f; }
+    color: #6d655f;
+    font-size: 1.125rem; }
   .content p, .content ul, .content.thin p, .content.thin ul {
     font-size: 1.125rem;
     line-height: 1.8rem; }
   .content .content hr, .content.thin .content hr {
     margin: 30px 10px;
-    height: 1px;
     background: #e4d8cc;
+    height: 1px;
     border: 0;
     box-shadow: 0 2px 5px #ccc; }
   .content pre, .content.thin pre {
@@ -904,42 +886,42 @@ form th {
       border: none; }
   .content code, .content.thin code {
     padding: 2px 5px;
-    color: #f5f0ec;
     background: #fcfaf8;
+    color: #f5f0ec;
     border: 1px solid #f5f0ec;
     border-radius: 3px; }
   .content blockquote, .content.thin blockquote {
-    display: block;
     margin: 0;
     padding: 5px 20px;
-    border-top: 1px solid #e4d8cc;
-    border-bottom: 1px solid #e4d8cc;
     background: #fcfaf8;
-    color: #363330; }
+    display: block;
+    color: #363330;
+    border-top: 1px solid #e4d8cc;
+    border-bottom: 1px solid #e4d8cc; }
     .content blockquote p, .content.thin blockquote p {
       margin: 0; }
 
 /*=== Notification and actualize notification */
 .notification {
+  padding: 1rem 0;
+  background: #e4d8cc;
+  width: 100%;
+  height: 3rem;
+  color: #766556;
+  font-size: 1em;
+  border: none;
   position: fixed;
   top: auto;
   bottom: 0;
   left: 0;
   right: 0;
-  width: 100%;
-  height: 3rem;
-  padding: 1rem 0;
   text-align: center;
-  font-size: 1em;
   line-height: 3em;
   z-index: 10;
-  vertical-align: middle;
-  background: #e4d8cc;
-  color: #766556;
-  border: none; }
+  vertical-align: middle; }
   .notification .msg {
-    font-size: 1rem;
-    display: inline-block; }
+    display: inline-block;
+    font-size: 1rem; }
   .notification.good {
     background: #10f5b2;
     color: #fff; }
@@ -948,8 +930,8 @@ form th {
     color: #fff; }
   .notification a.close {
     padding: 0 15px;
-    line-height: 3em;
-    border-radius: 0 3px 3px 0; }
+    border-radius: 0 3px 3px 0;
+    line-height: 3em; }
   .notification.good a.close:hover {
     background: #0c7556; }
   .notification.bad a.close:hover {
@@ -979,8 +961,8 @@ form th {
     .flux:hover:not(.current):hover .item.title {
       background: #fcfaf8; }
   .flux.current {
-    border-left-color: #ca7227;
-    background: #fff; }
+    background: #fff;
+    border-left-color: #ca7227; }
   .flux.not_read {
     background: #f2f6f8; }
     .flux.not_read:hover {
@@ -994,22 +976,22 @@ form th {
     .flux.not_read .item.date {
       color: #161a3899; }
   .flux.favorite {
-    background: #FFF6DA;
-    border-left-color: #FFC300;
+    background: #fff6da;
+    border-left-color: #ffc300;
     -webkit-transition: all 0.15s ease-in-out;
     -moz-transition: all 0.15s ease-in-out;
     -o-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out; }
     .flux.favorite:not(.current):hover .item.title {
-      background: #FFF6DA; }
+      background: #fff6da; }
   .flux .website a {
     color: #363330;
     opacity: 0.75; }
   .flux .website .favicon {
     padding: 5px; }
   .flux .date {
-    font-size: 0.85rem;
     color: #363330;
+    font-size: 0.85rem;
     opacity: 0.75; }
   .flux .bottom {
     font-size: 1rem;
@@ -1027,33 +1009,33 @@ form th {
 #stream .box.category:not([data-unread="0"]) .box-title .title {
   font-weight: bold; }
 #stream .box.category .box-title {
-  background: none;
-  padding: 1.5rem; }
+  padding: 1.5rem;
+  background: none; }
   #stream .box.category .box-title a.title {
+    color: #766556;
+    font-size: 1rem;
     font-weight: normal;
     text-decoration: none;
     text-align: left;
-    font-size: 1rem;
     text-transform: uppercase;
-    letter-spacing: 1px;
-    color: #766556; }
+    letter-spacing: 1px; }
     #stream .box.category .box-title a.title:not([data-unread="0"])::after {
+      margin: -0.5rem 1rem 0 0;
+      padding: 0 0.75rem;
+      background: #f5f0ec;
+      border-radius: 12px;
       position: absolute;
       top: 1.75rem;
       right: 0;
       line-height: 1.5rem;
-      background: #f5f0ec;
-      border-radius: 12px;
-      padding: 0 0.75rem;
-      margin: -0.5rem 1rem 0 0;
       text-align: center; }
     #stream .box.category .box-title a.title:hover {
       color: #ca7227; }
 #stream .box.category .box-content {
   padding-bottom: 0.5rem; }
   #stream .box.category .box-content .item.feed {
-    font-size: 1rem;
-    padding: 0.5rem 1.5rem; }
+    padding: 0.5rem 1.5rem;
+    font-size: 1rem; }
     #stream .box.category .box-content .item.feed a {
       color: #363330;
       font-weight: 400; }
@@ -1081,8 +1063,8 @@ form th {
 
 #stream.reader .flux .author {
   margin: 0 0 10px;
-  font-size: 90%;
-  color: #bbaa99; }
+  color: #ba9;
+  font-size: 90%; }
 
 /*=== Configuration pages */
 .post {
@@ -1095,42 +1077,40 @@ form th {
   .post.content {
     max-width: 550px; }
   .post h1, .post h2 {
+    color: #363330;
     font-size: 3rem;
     margin-top: 1.75rem;
     font-weight: 300;
-    line-height: 1.2em;
-    color: #363330; }
+    line-height: 1.2em; }
   .post a[href="./"] {
-    display: inline-block;
-    min-width: 15px;
-    line-height: 25px;
     margin: 0;
     padding: 0.75rem 1.5rem;
-    font-size: 1rem;
-    vertical-align: middle;
-    cursor: pointer;
-    overflow: hidden;
     background: #fcfaf8;
+    display: inline-block;
+    color: #766556;
+    font-size: 1rem;
     border: 1px solid #e4d8cc;
     border-radius: 5px;
-    color: #766556; }
+    min-width: 15px;
+    line-height: 25px;
+    vertical-align: middle;
+    cursor: pointer;
+    overflow: hidden; }
     .post a[href="./"]:hover {
-      text-decoration: none;
       background: #ca7227;
       color: white;
-      border: 1px solid #ca7227; }
+      border: 1px solid #ca7227;
+      text-decoration: none; }
 
 #slider {
   border-left: none;
-  -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-  -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
   box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); }
 
 .slide-container .properties {
-  background: rgba(0, 0, 0, 0.75);
-  border: 0;
   padding: 1rem;
-  color: white; }
+  background: rgba(0, 0, 0, 0.75);
+  color: white;
+  border: 0; }
   .slide-container .properties .page-number {
     right: 1rem;
     top: 1rem; }
@@ -1139,15 +1119,15 @@ form th {
 /*=========*/
 .loglist {
   overflow: hidden;
-  border: 1px solid #bbaa99; }
+  border: 1px solid #ba9; }
 
 .log {
   margin: 10px 0;
   padding: 5px 2%;
-  overflow: auto;
-  font-size: 0.8rem;
   background: #fcfaf8;
-  color: #766556; }
+  color: #766556;
+  font-size: 0.8rem;
+  overflow: auto; }
 
 .log > .date {
   margin: 0 10px 0 0;
@@ -1201,11 +1181,11 @@ form th {
     ul.nav .item img {
       display: none; }
     ul.nav .item a {
-      display: inline-block;
       padding: 1rem 1rem 1rem 2.5rem;
-      color: #363330;
-      width: 100%;
       background: url("../../themes/icons/logout.svg") no-repeat #efe3d3 3% center;
+      display: inline-block;
+      width: 100%;
+      color: #363330;
       -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
@@ -1227,12 +1207,12 @@ form th {
 
   .aside .toggle_aside,
   #panel .close {
+    background: #b7641d;
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
-    text-align: center;
-    background: #b7641d; }
+    text-align: center; }
 
   .header {
     padding: 0.5rem; }
@@ -1268,7 +1248,7 @@ form th {
     .nav_menu .search .input {
       max-width: 97%;
       width: 90px; }
-      .nav_menu .search .input::focus {
+      .nav_menu .search .input:focus {
         width: 400px; }
 
   #stream .flux .flux_header {
@@ -1278,8 +1258,8 @@ form th {
     text-align: center;
     padding: 1rem 0; }
     .day .name {
-      display: block;
       padding: 0;
+      display: block;
       width: 100%;
       line-height: 1.5rem;
       margin-bottom: 1rem; }
@@ -1293,22 +1273,20 @@ form th {
   .notification {
     border-radius: 0; }
     .notification a.close {
+      background: transparent;
       display: block;
-      left: 0;
-      background: transparent; }
+      left: 0; }
     .notification a.close:hover {
       opacity: 0.5; }
     .notification a.close .icon {
       display: none; } }
-html, body {
-  font-family: "lato", "Helvetica", "Arial", sans-serif;
-  font-size: 0.875rem; }
-
 /*=== GENERAL */
 /*============*/
 html, body {
+  background: #f5f0ec;
   height: 100%;
-  background: #f5f0ec; }
+  font-family: "lato", "Helvetica", "Arial", sans-serif;
+  font-size: 0.875rem; }
 
 /*=== Links */
 a, button.as-link {