Add/mobile feed configuration (#2938)

* Show subscription management button on mobile

* Show aside box-shadow on Origine only when opened

* Reduce padding of Origine posts on mobile

* Shrink stick component with long input

* Show Origine configure icons on mobile

* Show the slider full width on mobile

* Improve the look of forms on mobile

* Fix Ansum theme

* Fix BlueLagoon theme

* Fix Dark theme

* Fix Flat theme

* Fix Mapco theme

* Fix Origine-compact theme

* Fix Pafat theme

* Fix Screwdriver theme

* Fix Swage theme

* Fix Alternative-Dark theme

* Apply RTL script on themes

Co-authored-by: triatic <42704418+triatic@users.noreply.github.com>

1 files changed, 1130 insertions, 799 deletions

diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 19c2a5fdd..a5e4d4fc4 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -3,49 +3,57 @@
   font-style: normal;
   font-stretch: normal;
   font-weight: 400;
-  src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); }
+  src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff");
+}
 @font-face {
   font-family: "lato";
   font-style: italic;
   font-stretch: normal;
   font-weight: 400;
-  src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); }
+  src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff");
+}
 @font-face {
   font-family: "lato";
   font-style: normal;
   font-stretch: normal;
   font-weight: 700;
-  src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); }
+  src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff");
+}
 @font-face {
   font-family: "lato";
   font-style: italic;
   font-stretch: normal;
   font-weight: 700;
-  src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); }
+  src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff");
+}
 @font-face {
   font-family: "spectral";
   font-style: normal;
   font-stretch: normal;
   font-weight: 400;
-  src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); }
+  src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff");
+}
 @font-face {
   font-family: "spectral";
   font-style: italic;
   font-stretch: normal;
   font-weight: 400;
-  src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); }
+  src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff");
+}
 @font-face {
   font-family: "spectral";
   font-style: normal;
   font-stretch: normal;
   font-weight: 700;
-  src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); }
+  src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff");
+}
 @font-face {
   font-family: "spectral";
   font-style: italic;
   font-stretch: normal;
   font-weight: 700;
-  src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); }
+  src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff");
+}
 /* stylelint-disable property-no-vendor-prefix */
 /* FUNCTIONS */
 /* btns */
@@ -68,23 +76,30 @@
   -moz-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
-  transition: all 0.15s ease-in-out; }
-  .btn.btn-important {
-    background: #36c;
-    color: #fff; }
-    .btn.btn-important:hover, .btn.btn-important:active {
-      background: #25c; }
-  .btn.btn-attention {
-    background: #f5633e;
-    color: #fff; }
-    .btn.btn-attention:hover, .btn.btn-attention:active {
-      background: #73341f; }
-  .btn:hover {
-    text-decoration: none; }
+  transition: all 0.15s ease-in-out;
+}
+.btn.btn-important {
+  background: #36c;
+  color: #fff;
+}
+.btn.btn-important:hover, .btn.btn-important:active {
+  background: #25c;
+}
+.btn.btn-attention {
+  background: #f5633e;
+  color: #fff;
+}
+.btn.btn-attention:hover, .btn.btn-attention:active {
+  background: #73341f;
+}
+.btn:hover {
+  text-decoration: none;
+}
 
 a.btn {
   min-height: 25px;
-  line-height: 25px; }
+  line-height: 25px;
+}
 
 /*=== Forms */
 legend {
@@ -96,17 +111,21 @@ legend {
   clear: both;
   text-transform: uppercase;
   letter-spacing: 1px;
-  font-weight: 700; }
+  font-weight: 700;
+}
 
 label {
   min-height: 25px;
   padding: 5px 0;
   cursor: pointer;
-  color: #5b6871; }
+  color: #5b6871;
+}
 
 textarea {
   width: 360px;
-  height: 100px; }
+  max-width: 100%;
+  height: 100px;
+}
 
 input, select, textarea, button {
   padding: 5px 10px;
@@ -118,64 +137,82 @@ input, select, textarea, button {
   border-radius: 2px;
   min-height: 25px;
   line-height: 25px;
-  vertical-align: middle; }
+  vertical-align: middle;
+}
 
 option {
-  padding: 0 .5em; }
+  padding: 0 0.5em;
+}
 
 input:focus, select:focus, textarea:focus {
   color: #303136;
-  border-color: #36c; }
+  border-color: #36c;
+}
 
 input:invalid, select:invalid {
   color: #f5633e;
   border-color: #f5633e;
-  box-shadow: none; }
+  box-shadow: none;
+}
 
 input:disabled, select:disabled {
-  background: #eff0f2; }
+  background: #eff0f2;
+}
 
 input.extend {
-  transition: width 200ms linear; }
+  transition: width 200ms linear;
+}
 
 .form-group {
   padding: 5px;
-  border-radius: 3px; }
-  .form-group::after {
-    content: "";
-    display: block;
-    clear: both; }
-  .form-group .group-name {
-    padding: 10px 0;
-    text-align: left; }
-  .form-group .group-controls {
-    min-height: 25px;
-    padding: 5px 0; }
-  .form-group .group-controls .control {
-    line-height: 2.0em; }
-  .form-group table {
-    margin: 10px 220px 0 0; }
-  .form-group.form-actions {
-    margin: 15px 0 25px;
-    padding: 5px 0; }
-  .form-group.form-actions .btn {
-    margin: 0 0 0 0.5rem; }
+  border-radius: 3px;
+}
+.form-group::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.form-group .group-name {
+  padding: 10px 0;
+  text-align: left;
+}
+.form-group .group-controls {
+  min-height: 25px;
+  padding: 5px 0;
+}
+.form-group .group-controls .control {
+  line-height: 2em;
+}
+.form-group table {
+  margin: 10px 220px 0 0;
+}
+.form-group.form-actions {
+  margin: 15px 0 25px;
+  padding: 5px 0;
+}
+.form-group.form-actions .btn {
+  margin: 0 0 0 0.5rem;
+}
 
 /*=== Tables */
 table {
-  border-collapse: collapse; }
+  border-collapse: collapse;
+}
 
 tr, th, td {
   padding: 0.5em;
-  border: 1px solid #d5d8db; }
+  border: 1px solid #d5d8db;
+}
 
 th {
-  background: #f9fafb; }
+  background: #f9fafb;
+}
 
 form td,
 form th {
   font-weight: normal;
-  text-align: center; }
+  text-align: center;
+}
 
 /*=== COMPONENTS */
 /*===============*/
@@ -183,11 +220,14 @@ form th {
 /*=== Horizontal-list */
 .horizontal-list {
   margin: 0;
-  padding: 0.1rem 0; }
-  .horizontal-list .item {
-    vertical-align: middle; }
-    .horizontal-list .item:first-child {
-      padding-right: 0.5rem; }
+  padding: 0.1rem 0;
+}
+.horizontal-list .item {
+  vertical-align: middle;
+}
+.horizontal-list .item:first-child {
+  padding-right: 0.5rem;
+}
 
 /*=== Dropdown */
 .dropdown-menu {
@@ -198,62 +238,76 @@ form th {
   border: none;
   border-radius: 3px;
   box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
-  text-align: right; }
-  .dropdown-menu::after {
-    background: white;
-    width: 10px;
-    height: 10px;
-    content: "";
-    position: absolute;
-    top: -4px;
-    left: 13px;
-    z-index: -10;
-    transform: rotate(-45deg); }
-  .dropdown-menu .dropdown-header {
-    margin: 1.75rem 2rem 0.5rem 0;
-    font-weight: bold;
-    text-align: right;
-    color: #5b6871;
-    text-transform: uppercase;
-    letter-spacing: 1px; }
-  .dropdown-menu .item {
-    -webkit-transition: all 0.075s ease-in-out;
-    -moz-transition: all 0.075s ease-in-out;
-    -o-transition: all 0.075s ease-in-out;
-    -ms-transition: all 0.075s ease-in-out;
-    transition: all 0.075s ease-in-out; }
-    .dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
-      padding: 0 2rem;
-      color: #303136;
-      font-size: 1rem;
-      line-height: 2.5em; }
-    .dropdown-menu .item:hover {
-      background: #36c;
-      color: #fff; }
-      .dropdown-menu .item:hover a, .dropdown-menu .item:hover button {
-        text-decoration: none;
-        color: #fff; }
-    .dropdown-menu .item[aria-checked="true"] a::before {
-      margin: 0 -14px 0 0;
-      font-weight: bold; }
-  .dropdown-menu .input select, .dropdown-menu .input input {
-    margin: 0 auto 5px;
-    padding: 2px 5px;
-    border-radius: 3px; }
-  .dropdown-menu .separator {
-    margin: 0.75rem 0;
-    border-bottom: 1px solid #eff0f2; }
+  text-align: right;
+}
+.dropdown-menu::after {
+  background: white;
+  width: 10px;
+  height: 10px;
+  content: "";
+  position: absolute;
+  top: -4px;
+  left: 13px;
+  z-index: -10;
+  transform: rotate(-45deg);
+}
+.dropdown-menu .dropdown-header {
+  margin: 1.75rem 2rem 0.5rem 0;
+  font-weight: bold;
+  text-align: right;
+  color: #5b6871;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.dropdown-menu .item {
+  -webkit-transition: all 0.075s ease-in-out;
+  -moz-transition: all 0.075s ease-in-out;
+  -o-transition: all 0.075s ease-in-out;
+  -ms-transition: all 0.075s ease-in-out;
+  transition: all 0.075s ease-in-out;
+}
+.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link {
+  padding: 0 2rem;
+  color: #303136;
+  font-size: 1rem;
+  line-height: 2.5em;
+}
+.dropdown-menu .item:hover {
+  background: #36c;
+  color: #fff;
+}
+.dropdown-menu .item:hover a, .dropdown-menu .item:hover button {
+  text-decoration: none;
+  color: #fff;
+}
+.dropdown-menu .item[aria-checked=true] a::before {
+  margin: 0 -14px 0 0;
+  font-weight: bold;
+}
+.dropdown-menu .input select, .dropdown-menu .input input {
+  margin: 0 auto 5px;
+  padding: 2px 5px;
+  border-radius: 3px;
+}
+.dropdown-menu .separator {
+  margin: 0.75rem 0;
+  border-bottom: 1px solid #eff0f2;
+}
 
 .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 {
-    color: #303136; }
-    .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 {
-    background: #36c; }
+  padding: 0;
+}
+.tree .tree-folder .tree-folder-items .dropdown-menu .item a,
+.tree .tree-folder .tree-folder-items .dropdown-menu .item button {
+  color: #303136;
+}
+.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 {
+  background: #36c;
+}
 
 /*=== Alerts */
 .alert {
@@ -264,129 +318,159 @@ form th {
   font-size: 1rem;
   border: 1px solid #c5ced3;
   border-radius: 3px;
-  text-shadow: 0 0 1px #eff0f2; }
+  text-shadow: 0 0 1px #eff0f2;
+}
 
 .alert-head {
-  font-size: 1.15em; }
+  font-size: 1.15em;
+}
 
 .alert > a {
   text-decoration: underline;
-  color: inherit; }
+  color: inherit;
+}
 
 .alert-warn {
   background: #fdfde0;
   color: #73762f;
-  border: 1px solid #73762f33; }
+  border: 1px solid #73762f33;
+}
 
 .alert-success {
   background: #cffde7;
   color: #0c7540;
-  border: 1px solid #0c754033; }
+  border: 1px solid #0c754033;
+}
 
 .alert-error {
   background: #fde0d8;
   color: #73341f;
-  border: 1px solid #73341f33; }
+  border: 1px solid #73341f33;
+}
 
 /*=== Pagination */
 .pagination {
   background: #eff0f2;
   color: #303136;
   font-size: 0.8em;
-  text-align: center; }
-  .pagination .item.pager-current {
-    background: #303136;
-    color: #eff0f2;
-    font-size: 1.5em;
-    font-weight: bold; }
-  .pagination .item a {
-    display: block;
-    color: #303136;
-    font-style: italic;
-    line-height: 3em;
-    text-decoration: none; }
-    .pagination .item a:hover {
-      background: #303136;
-      color: #eff0f2; }
-  .pagination .loading,
-  .pagination a:hover.loading {
-    background: url("loader.gif") center center no-repeat #34495e;
-    font-size: 0; }
+  text-align: center;
+}
+.pagination .item.pager-current {
+  background: #303136;
+  color: #eff0f2;
+  font-size: 1.5em;
+  font-weight: bold;
+}
+.pagination .item a {
+  display: block;
+  color: #303136;
+  font-style: italic;
+  line-height: 3em;
+  text-decoration: none;
+}
+.pagination .item a:hover {
+  background: #303136;
+  color: #eff0f2;
+}
+.pagination .loading,
+.pagination a:hover.loading {
+  background: url("loader.gif") center center no-repeat #34495e;
+  font-size: 0;
+}
 
 .content .pagination {
   margin: 0;
-  padding: 0; }
+  padding: 0;
+}
 
 /*=== Boxes */
 .box {
   background: #fff;
   border: none;
   border-radius: 3px;
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
-  .box .box-title {
-    margin: 0;
-    padding: 5px 10px;
-    background: #eff0f2;
-    color: #303136;
-    border-radius: 2px 2px 0 0; }
-    .box .box-title img {
-      margin-left: 0.75rem; }
-    .box .box-title:hover .configure {
-      background: url("icons/cog.svg") no-repeat 4px 4px;
-      display: block;
-      float: right;
-      width: 1.75rem;
-      height: 1.75rem;
-      border-radius: 2px;
-      visibility: visible;
-      margin-left: 0.5rem; }
-      .box .box-title:hover .configure .icon {
-        display: none;
-        border-radius: 3px;
-        vertical-align: middle; }
-      .box .box-title:hover .configure:hover {
-        background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; }
-    .box .box-title .configure {
-      visibility: hidden; }
-    .box .box-title form input {
-      width: 85%; }
-    .box .box-title form .dropdown {
-      float: left; }
-      .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: left 8px; }
-        .box .box-title form .dropdown a.dropdown-toggle img {
-          display: none; }
-  .box .box-content .item {
-    padding: 0.5rem 0.75rem;
-    color: #303136;
-    font-size: 1rem;
-    border-bottom: 1px solid #eff0f2;
-    line-height: 1.7em; }
-    .box .box-content .item img {
-      margin-left: 0.75rem; }
-    .box .box-content .item .configure {
-      background: url("icons/cog.svg") no-repeat 4px 4px;
-      display: block;
-      float: right;
-      width: 1.75rem;
-      height: 1.75rem;
-      border-radius: 2px;
-      visibility: hidden;
-      margin-left: 0.5rem; }
-      .box .box-content .item .configure .icon {
-        display: none;
-        border-radius: 3px;
-        vertical-align: middle; }
-      .box .box-content .item .configure:hover {
-        background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; }
-    .box .box-content .item:hover .configure {
-      visibility: visible; }
-  .box .box-content .item:last-child {
-    border-bottom: none; }
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+.box .box-title {
+  margin: 0;
+  padding: 5px 10px;
+  background: #eff0f2;
+  color: #303136;
+  border-radius: 2px 2px 0 0;
+}
+.box .box-title img {
+  margin-left: 0.75rem;
+}
+.box .box-title:hover .configure {
+  background: url("icons/cog.svg") no-repeat 4px 4px;
+  display: block;
+  float: right;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: 2px;
+  visibility: visible;
+  margin-left: 0.5rem;
+}
+.box .box-title:hover .configure .icon {
+  display: none;
+  border-radius: 3px;
+  vertical-align: middle;
+}
+.box .box-title:hover .configure:hover {
+  background: url("icons/cog-white.svg") no-repeat 4px 4px #36c;
+}
+.box .box-title .configure {
+  visibility: hidden;
+}
+.box .box-title form input {
+  width: 85%;
+}
+.box .box-title form .dropdown {
+  float: left;
+}
+.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: left 8px;
+}
+.box .box-title form .dropdown a.dropdown-toggle img {
+  display: none;
+}
+.box .box-content .item {
+  padding: 0.5rem 0.75rem;
+  color: #303136;
+  font-size: 1rem;
+  border-bottom: 1px solid #eff0f2;
+  line-height: 1.7em;
+}
+.box .box-content .item img {
+  margin-left: 0.75rem;
+}
+.box .box-content .item .configure {
+  background: url("icons/cog.svg") no-repeat 4px 4px;
+  display: block;
+  float: right;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: 2px;
+  visibility: hidden;
+  margin-left: 0.5rem;
+}
+.box .box-content .item .configure .icon {
+  display: none;
+  border-radius: 3px;
+  vertical-align: middle;
+}
+.box .box-content .item .configure:hover {
+  background: url("icons/cog-white.svg") no-repeat 4px 4px #36c;
+}
+.box .box-content .item:hover .configure {
+  visibility: visible;
+}
+.box .box-content .item:last-child {
+  border-bottom: none;
+}
 
 /*=== "Load more" part */
 #bigMarkAsRead {
@@ -398,145 +482,185 @@ form th {
   -moz-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
-  transition: all 0.15s ease-in-out; }
-  #bigMarkAsRead:hover {
-    background: #36c;
-    color: #fff; }
-    #bigMarkAsRead:hover .bigTick {
-      background: url(icons/tick-white.svg) center no-repeat; }
-  #bigMarkAsRead .bigTick {
-    margin: 0.5rem 0;
-    background: url(icons/tick-color.svg) center no-repeat;
-    display: inline-block;
-    width: 64px;
-    height: 64px;
-    text-indent: -9999px;
-    white-space: nowrap; }
+  transition: all 0.15s ease-in-out;
+}
+#bigMarkAsRead:hover {
+  background: #36c;
+  color: #fff;
+}
+#bigMarkAsRead:hover .bigTick {
+  background: url(icons/tick-white.svg) center no-repeat;
+}
+#bigMarkAsRead .bigTick {
+  margin: 0.5rem 0;
+  background: url(icons/tick-color.svg) center no-repeat;
+  display: inline-block;
+  width: 64px;
+  height: 64px;
+  text-indent: -9999px;
+  white-space: nowrap;
+}
 
 .formLogin {
-  background: #303136; }
-  .formLogin .header .configure {
-    padding-left: 1rem; }
-    .formLogin .header .configure img {
-      margin-left: 0.5rem; }
-    .formLogin .header .configure a.signin {
-      color: #fff; }
-  .formLogin h1 {
-    color: #fff; }
-  .formLogin form#crypto-form div {
-    margin-bottom: 1rem; }
-    .formLogin form#crypto-form div label {
-      color: #c5ced3;
-      font-size: 1rem; }
-    .formLogin form#crypto-form div input {
-      background: #1d1e22; }
-      .formLogin form#crypto-form div input:focus {
-        background: #f9fafb;
-        color: #303136; }
+  background: #303136;
+}
+.formLogin .header .configure {
+  padding-left: 1rem;
+}
+.formLogin .header .configure img {
+  margin-left: 0.5rem;
+}
+.formLogin .header .configure a.signin {
+  color: #fff;
+}
+.formLogin h1 {
+  color: #fff;
+}
+.formLogin form#crypto-form div {
+  margin-bottom: 1rem;
+}
+.formLogin form#crypto-form div label {
+  color: #c5ced3;
+  font-size: 1rem;
+}
+.formLogin form#crypto-form div input {
+  background: #1d1e22;
+}
+.formLogin form#crypto-form div input:focus {
+  background: #f9fafb;
+  color: #303136;
+}
 
 /*=== DIVERS */
 /*===========*/
 .aside.aside_feed .nav-form input,
 .aside.aside_feed .nav-form select {
-  width: 140px; }
+  width: 140px;
+}
 
 .aside.aside_feed .nav-form .dropdown .dropdown-menu {
-  left: -20px; }
+  left: -20px;
+}
 
 .aside.aside_feed .nav-form .dropdown .dropdown-menu::after {
-  left: 33px; }
+  left: 33px;
+}
 
 /*=== Tree */
 .tree {
-  margin: 10px 0; }
-  .tree#sidebar {
-    scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
-    scrollbar-color: #fff33 #fff22; }
-  .tree .tree-folder {
-    border-bottom: 1px solid #3f3f3f; }
-    .tree .tree-folder .tree-folder-title {
-      padding: 12px 16px;
-      background: #303136;
-      position: relative;
-      font-size: 0.85rem;
-      letter-spacing: 1px;
-      font-weight: 700;
-      text-transform: uppercase; }
-      .tree .tree-folder .tree-folder-title .title {
-        background: inherit;
-        color: #fff; }
-        .tree .tree-folder .tree-folder-title .title:hover {
-          text-decoration: none; }
-    .tree .tree-folder.active .tree-folder-title {
-      background: #303136;
-      font-weight: bold; }
-    .tree .tree-folder .tree-folder-items {
-      background: #26272a; }
-      .tree .tree-folder .tree-folder-items .item {
-        padding: 0 1rem;
-        line-height: 2.5rem;
-        font-size: 1rem;
-        font-weight: 400;
-        -webkit-transition: all 0.15s ease-in-out;
-        -moz-transition: all 0.15s ease-in-out;
-        -o-transition: all 0.15s ease-in-out;
-        -ms-transition: all 0.15s ease-in-out;
-        transition: all 0.15s ease-in-out; }
-        .tree .tree-folder .tree-folder-items .item.active {
-          background: #36c; }
-          .tree .tree-folder .tree-folder-items .item.active .dropdown li a {
-            color: #303136; }
-            .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
-              color: #fff; }
-          .tree .tree-folder .tree-folder-items .item.active a {
-            color: #fff; }
-        .tree .tree-folder .tree-folder-items .item:hover {
-          background: #17181a; }
-        .tree .tree-folder .tree-folder-items .item a {
-          text-decoration: none;
-          color: #fff; }
-      .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before {
-        margin: 11px 4px 0 6px;
-        padding: 3px 4px;
-        background: rgba(0, 0, 0, 0.25);
-        display: block;
-        float: right;
-        font-size: 0.75rem;
-        border-radius: 12px;
-        content: attr(data-unread);
-        text-align: center;
-        line-height: 0.75rem; }
+  margin: 10px 0;
+}
+.tree#sidebar {
+  scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
+  scrollbar-color: #fff33 #fff22;
+}
+.tree .tree-folder {
+  border-bottom: 1px solid #3f3f3f;
+}
+.tree .tree-folder .tree-folder-title {
+  padding: 12px 16px;
+  background: #303136;
+  position: relative;
+  font-size: 0.85rem;
+  letter-spacing: 1px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+.tree .tree-folder .tree-folder-title .title {
+  background: inherit;
+  color: #fff;
+}
+.tree .tree-folder .tree-folder-title .title:hover {
+  text-decoration: none;
+}
+.tree .tree-folder.active .tree-folder-title {
+  background: #303136;
+  font-weight: bold;
+}
+.tree .tree-folder .tree-folder-items {
+  background: #26272a;
+}
+.tree .tree-folder .tree-folder-items .item {
+  padding: 0 1rem;
+  line-height: 2.5rem;
+  font-size: 1rem;
+  font-weight: 400;
+  -webkit-transition: all 0.15s ease-in-out;
+  -moz-transition: all 0.15s ease-in-out;
+  -o-transition: all 0.15s ease-in-out;
+  -ms-transition: all 0.15s ease-in-out;
+  transition: all 0.15s ease-in-out;
+}
+.tree .tree-folder .tree-folder-items .item.active {
+  background: #36c;
+}
+.tree .tree-folder .tree-folder-items .item.active .dropdown li a {
+  color: #303136;
+}
+.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover {
+  color: #fff;
+}
+.tree .tree-folder .tree-folder-items .item.active a {
+  color: #fff;
+}
+.tree .tree-folder .tree-folder-items .item:hover {
+  background: #17181a;
+}
+.tree .tree-folder .tree-folder-items .item a {
+  text-decoration: none;
+  color: #fff;
+}
+.tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before {
+  margin: 11px 4px 0 6px;
+  padding: 3px 4px;
+  background: rgba(0, 0, 0, 0.25);
+  display: block;
+  float: right;
+  font-size: 0.75rem;
+  border-radius: 12px;
+  content: attr(data-unread);
+  text-align: center;
+  line-height: 0.75rem;
+}
 
 /*=== Buttons */
 .stick {
   vertical-align: middle;
-  font-size: 0; }
-  .stick input, .stick .btn {
-    border-radius: 0; }
-  .stick .btn:first-child,
-  .stick input:first-child {
-    border-radius: 0 5px 5px 0; }
-  .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn {
-    border-radius: 5px 0 0 5px; }
-  .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-right: 1px solid #d5d8db; }
+  font-size: 0;
+}
+.stick input, .stick .btn {
+  border-radius: 0;
+}
+.stick .btn:first-child,
+.stick input:first-child {
+  border-radius: 0 5px 5px 0;
+}
+.stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn {
+  border-radius: 5px 0 0 5px;
+}
+.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-right: 1px solid #d5d8db;
+}
 
 .aside {
-  background: #303136; }
-  .aside.aside_feed {
-    padding: 10px 0;
-    text-align: center;
-    background: #303136; }
-  .aside.aside_feed .tree {
-    margin: 10px 0 50px; }
+  background: #303136;
+}
+.aside.aside_feed {
+  padding: 10px 0;
+  text-align: center;
+  background: #303136;
+}
+.aside.aside_feed .tree {
+  margin: 10px 0 50px;
+}
 
 /* Sidebar des pages de configuration */
 /*=== Navigation */
@@ -544,69 +668,88 @@ form th {
 .nav-list .item {
   height: 2.5em;
   line-height: 2.5em;
-  font-size: 1rem; }
+  font-size: 1rem;
+}
 .nav-list .item {
   background: #303136;
   -webkit-transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
-  transition: all 0.15s ease-in-out; }
-  .nav-list .item a {
-    padding: 0 1rem;
-    color: #fff; }
-  .nav-list .item .error a {
-    color: #f5633e; }
-  .nav-list .item:hover {
-    background: #17181a;
-    color: #fff; }
-    .nav-list .item:hover .error a {
-      background: #36c;
-      color: #fff; }
-    .nav-list .item:hover .empty a {
-      background: #f4f762;
-      color: #fff; }
-    .nav-list .item:hover a {
-      color: #fff;
-      text-decoration: none; }
-  .nav-list .item.active {
-    background: #36c;
-    color: #fff; }
-    .nav-list .item.active .error a {
-      background: #36c;
-      color: #fff; }
-    .nav-list .item.active .empty a {
-      background: #f4f762;
-      color: #fff; }
-    .nav-list .item.active a {
-      color: #fff;
-      text-decoration: none; }
+  transition: all 0.15s ease-in-out;
+}
+.nav-list .item a {
+  padding: 0 1rem;
+  color: #fff;
+}
+.nav-list .item .error a {
+  color: #f5633e;
+}
+.nav-list .item:hover {
+  background: #17181a;
+  color: #fff;
+}
+.nav-list .item:hover .error a {
+  background: #36c;
+  color: #fff;
+}
+.nav-list .item:hover .empty a {
+  background: #f4f762;
+  color: #fff;
+}
+.nav-list .item:hover a {
+  color: #fff;
+  text-decoration: none;
+}
+.nav-list .item.active {
+  background: #36c;
+  color: #fff;
+}
+.nav-list .item.active .error a {
+  background: #36c;
+  color: #fff;
+}
+.nav-list .item.active .empty a {
+  background: #f4f762;
+  color: #fff;
+}
+.nav-list .item.active a {
+  color: #fff;
+  text-decoration: none;
+}
 .nav-list.empty a {
-  color: #f4f762; }
+  color: #f4f762;
+}
 .nav-list .disable {
   text-align: center;
   background: #f9fafb;
-  color: #a6a7ae; }
+  color: #a6a7ae;
+}
 .nav-list .nav-header {
   padding: 0 10px;
   font-weight: bold;
   color: #5b6871;
   text-transform: uppercase;
   letter-spacing: 1px;
-  margin-top: 1rem; }
+  margin-top: 1rem;
+}
 .nav-list .nav-form {
   padding: 3px;
-  text-align: center; }
+  text-align: center;
+}
 .nav-list .nav-head {
   margin: 0;
   text-align: left;
-  color: #fff; }
-  .nav-list .nav-head a {
-    color: #fff; }
-  .nav-list .nav-head .item {
-    padding: 5px 10px;
-    font-size: 0.9rem;
-    line-height: 1.5rem; }
+  color: #fff;
+}
+.nav-list .nav-head a {
+  color: #fff;
+}
+.nav-list .nav-head .item {
+  padding: 5px 10px;
+  font-size: 0.9rem;
+  line-height: 1.5rem;
+}
 
 /*=== Aside main page (categories) */
 .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
@@ -617,38 +760,47 @@ form th {
   position: absolute;
   left: 0;
   line-height: 1.5rem;
-  text-align: center; }
+  text-align: center;
+}
 
 .feed.item.empty.active {
-  background: #5b6871; }
+  background: #5b6871;
+}
 
 .feed.item.error.active {
-  background: #5b6871; }
+  background: #5b6871;
+}
 
 .feed.item.empty,
 .feed.item.empty > a {
-  color: #5b6871; }
+  color: #5b6871;
+}
 
 .feed.item.error,
 .feed.item.error > a {
-  color: #5b6871; }
+  color: #5b6871;
+}
 
 .feed.item.empty.active,
 .feed.item.error.active,
 .feed.item.empty.active > a,
 .feed.item.error.active > a {
-  color: #fff; }
+  color: #fff;
+}
 
 .aside_feed .tree-folder-items .dropdown-menu::after {
-  right: 2px; }
+  right: 2px;
+}
 
 .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 .aside_feed .stick #btn-importExport {
-  border-right-color: #303136; }
+  border-right-color: #303136;
+}
 
 /*=== STRUCTURE */
 /*===============*/
@@ -658,103 +810,126 @@ form th {
   background: #303136;
   display: block;
   width: auto;
-  table-layout: none; }
-  .header .item {
-    vertical-align: middle; }
-    .header .item.title {
-      width: 280px;
-      font-weight: 400; }
-      .header .item.title h1 a {
-        text-decoration: none;
-        color: #fff;
-        font-size: 1rem;
-        text-transform: uppercase;
-        letter-spacing: 1px; }
-        .header .item.title h1 a img {
-          margin-left: 0.5rem; }
-    .header .item.search input {
-      width: 230px;
-      color: #fff;
-      border: none;
-      border-radius: 0 2px 2px 0;
-      background-color: #26272a;
-      -webkit-transition: all 0.15s ease-in-out;
-      -moz-transition: all 0.15s ease-in-out;
-      -o-transition: all 0.15s ease-in-out;
-      -ms-transition: all 0.15s ease-in-out;
-      transition: all 0.15s ease-in-out; }
-      .header .item.search input:hover {
-        background-color: #17181a; }
-      .header .item.search input:focus {
-        width: 350px;
-        color: #5b6871;
-        background-color: #fff; }
-    .header .item.search .btn {
-      width: 3rem;
-      border-radius: 2px 0 0 2px;
-      background-color: #36c;
-      background-position: center;
-      background-repeat: no-repeat;
-      background-image: url(icons/magnifier.svg);
-      border-right-width: 0;
-      min-height: 35px; }
-      .header .item.search .btn img {
-        display: none; }
-      .header .item.search .btn:hover {
-        background-color: #25c; }
-    .header .item.configure {
-      width: 2rem;
-      position: absolute;
-      left: 1rem;
-      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-white.svg); }
-        .header .item.configure .btn img {
-          display: none; }
-
+  table-layout: none;
+}
+.header .item {
+  vertical-align: middle;
+}
+.header .item.title {
+  width: 280px;
+  font-weight: 400;
+}
+.header .item.title h1 a {
+  text-decoration: none;
+  color: #fff;
+  font-size: 1rem;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.header .item.title h1 a img {
+  margin-left: 0.5rem;
+}
+.header .item.search input {
+  width: 230px;
+  color: #fff;
+  border: none;
+  border-radius: 0 2px 2px 0;
+  background-color: #26272a;
+  -webkit-transition: all 0.15s ease-in-out;
+  -moz-transition: all 0.15s ease-in-out;
+  -o-transition: all 0.15s ease-in-out;
+  -ms-transition: all 0.15s ease-in-out;
+  transition: all 0.15s ease-in-out;
+}
+.header .item.search input:hover {
+  background-color: #17181a;
+}
+.header .item.search input:focus {
+  width: 350px;
+  color: #5b6871;
+  background-color: #fff;
+}
+.header .item.search .btn {
+  width: 3rem;
+  border-radius: 2px 0 0 2px;
+  background-color: #36c;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url(icons/magnifier.svg);
+  border-right-width: 0;
+  min-height: 35px;
+}
+.header .item.search .btn img {
+  display: none;
+}
+.header .item.search .btn:hover {
+  background-color: #25c;
+}
+.header .item.configure {
+  width: 2rem;
+  position: absolute;
+  left: 1rem;
+  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-white.svg);
+}
+.header .item.configure .btn img {
+  display: none;
+}
 /*=== Body */
 #global {
-  height: calc(100% - 85px); }
+  height: calc(100% - 85px);
+}
 
 /*=== Prompt (centered) */
 .prompt {
-  text-align: center; }
+  text-align: center;
+}
 
 .prompt label {
-  text-align: right; }
+  text-align: right;
+}
 
 .prompt form {
   margin: 10px auto 20px auto;
-  width: 200px; }
+  width: 200px;
+}
 
 .prompt input {
   margin: 5px auto;
-  width: 100%; }
+  width: 100%;
+}
 
 .prompt p {
-  margin: 20px 0; }
+  margin: 20px 0;
+}
 
 /*=== New article notification */
 #new-article {
   background: #36c;
   font-size: 1rem;
-  text-align: center; }
+  text-align: center;
+}
 
 #new-article:hover {
-  background: #25c; }
+  background: #25c;
+}
 
 #new-article > a {
   line-height: 3em;
   font-weight: bold;
-  color: #fff; }
+  color: #fff;
+}
 
 #new-article > a:hover {
-  text-decoration: none; }
+  text-decoration: none;
+}
 
 /*=== Day indication */
 .day {
@@ -764,148 +939,188 @@ form th {
   font-weight: 700;
   line-height: 3em;
   letter-spacing: 1px;
-  text-transform: uppercase; }
-  .day .name {
-    padding: 0 1rem 0 1rem;
-    color: #303136;
-    font-size: 0.875rem;
-    position: relative;
-    right: 0;
-    text-transform: uppercase; }
+  text-transform: uppercase;
+}
+.day .name {
+  padding: 0 1rem 0 1rem;
+  color: #303136;
+  font-size: 0.875rem;
+  position: relative;
+  right: 0;
+  text-transform: uppercase;
+}
 
 /*=== Index menu */
 .nav_menu {
   text-align: center;
-  padding: 5px 0; }
-  .nav_menu .btn {
-    border-right-width: 0;
-    padding: 0.5rem 1rem;
-    background-color: #f9fafb;
-    background-position: center;
-    background-repeat: no-repeat; }
-    .nav_menu .btn:hover {
-      background-color: #eff0f2; }
-  .nav_menu .stick {
-    background: #f9fafb; }
-    .nav_menu .stick .btn {
-      border-right-width: 0;
-      padding: 0.5rem 1rem;
-      background-color: #f9fafb;
-      background-position: center;
-      background-repeat: no-repeat;
-      -webkit-transition: all 0.15s ease-in-out;
-      -moz-transition: all 0.15s ease-in-out;
-      -o-transition: all 0.15s ease-in-out;
-      -ms-transition: all 0.15s ease-in-out;
-      transition: all 0.15s ease-in-out; }
-      .nav_menu .stick .btn:hover {
-        background-color: #d5d8db; }
-      .nav_menu .stick .btn.active {
-        background-color: #36c; }
-      .nav_menu .stick .btn img.icon {
-        display: none; }
-      .nav_menu .stick .btn#toggle-read {
-        background-image: url(icons/read.svg); }
-      .nav_menu .stick .btn#toggle-read.active {
-        background-image: url(icons/read-white.svg); }
-      .nav_menu .stick .btn#toggle-unread {
-        background-image: url(icons/unread.svg); }
-      .nav_menu .stick .btn#toggle-unread.active {
-        background-image: url(icons/unread-white.svg); }
-      .nav_menu .stick .btn#toggle-starred {
-        background-image: url(icons/starred.svg); }
-      .nav_menu .stick .btn#toggle-starred.active {
-        background-image: url(icons/starred-white.svg); }
-      .nav_menu .stick .btn#toggle-non-starred {
-        background-image: url(icons/non-starred.svg); }
-      .nav_menu .stick .btn#toggle-non-starred.active {
-        background-image: url(icons/non-starred-white.svg); }
-      .nav_menu .stick .btn.read_all {
-        padding: 5px 16px;
-        color: #303136;
-        background-color: #f9fafb;
-        -webkit-transition: all 0.15s ease-in-out;
-        -moz-transition: all 0.15s ease-in-out;
-        -o-transition: all 0.15s ease-in-out;
-        -ms-transition: all 0.15s ease-in-out;
-        transition: all 0.15s ease-in-out; }
-        .nav_menu .stick .btn.read_all:hover {
-          background-color: #d5d8db; }
-      .nav_menu .stick .btn.view-normal {
-        background-image: url(icons/view-list.svg); }
-      .nav_menu .stick .btn.view-normal.active {
-        background-image: url(icons/view-list-white.svg); }
-      .nav_menu .stick .btn.view-global {
-        background-image: url(icons/view-global.svg); }
-      .nav_menu .stick .btn.view-global.active {
-        background-image: url(icons/view-global-white.svg); }
-      .nav_menu .stick .btn.view-reader {
-        background-image: url(icons/view-reader.svg); }
-      .nav_menu .stick .btn.view-reader.active {
-        background-image: url(icons/view-reader-white.svg); }
-      .nav_menu .stick .btn.view-rss {
-        background-image: url(icons/rss.svg); }
-    .nav_menu .stick .dropdown a.dropdown-toggle {
-      border-right-width: 0;
-      background-image: url(icons/more.svg); }
+  padding: 5px 0;
+}
+.nav_menu .btn {
+  border-right-width: 0;
+  padding: 0.5rem 1rem;
+  background-color: #f9fafb;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.nav_menu .btn:hover {
+  background-color: #eff0f2;
+}
+.nav_menu .stick {
+  background: #f9fafb;
+}
+.nav_menu .stick .btn {
+  border-right-width: 0;
+  padding: 0.5rem 1rem;
+  background-color: #f9fafb;
+  background-position: center;
+  background-repeat: no-repeat;
+  -webkit-transition: all 0.15s ease-in-out;
+  -moz-transition: all 0.15s ease-in-out;
+  -o-transition: all 0.15s ease-in-out;
+  -ms-transition: all 0.15s ease-in-out;
+  transition: all 0.15s ease-in-out;
+}
+.nav_menu .stick .btn:hover {
+  background-color: #d5d8db;
+}
+.nav_menu .stick .btn.active {
+  background-color: #36c;
+}
+.nav_menu .stick .btn img.icon {
+  display: none;
+}
+.nav_menu .stick .btn#toggle-read {
+  background-image: url(icons/read.svg);
+}
+.nav_menu .stick .btn#toggle-read.active {
+  background-image: url(icons/read-white.svg);
+}
+.nav_menu .stick .btn#toggle-unread {
+  background-image: url(icons/unread.svg);
+}
+.nav_menu .stick .btn#toggle-unread.active {
+  background-image: url(icons/unread-white.svg);
+}
+.nav_menu .stick .btn#toggle-starred {
+  background-image: url(icons/starred.svg);
+}
+.nav_menu .stick .btn#toggle-starred.active {
+  background-image: url(icons/starred-white.svg);
+}
+.nav_menu .stick .btn#toggle-non-starred {
+  background-image: url(icons/non-starred.svg);
+}
+.nav_menu .stick .btn#toggle-non-starred.active {
+  background-image: url(icons/non-starred-white.svg);
+}
+.nav_menu .stick .btn.read_all {
+  padding: 5px 16px;
+  color: #303136;
+  background-color: #f9fafb;
+  -webkit-transition: all 0.15s ease-in-out;
+  -moz-transition: all 0.15s ease-in-out;
+  -o-transition: all 0.15s ease-in-out;
+  -ms-transition: all 0.15s ease-in-out;
+  transition: all 0.15s ease-in-out;
+}
+.nav_menu .stick .btn.read_all:hover {
+  background-color: #d5d8db;
+}
+.nav_menu .stick .btn.view-normal {
+  background-image: url(icons/view-list.svg);
+}
+.nav_menu .stick .btn.view-normal.active {
+  background-image: url(icons/view-list-white.svg);
+}
+.nav_menu .stick .btn.view-global {
+  background-image: url(icons/view-global.svg);
+}
+.nav_menu .stick .btn.view-global.active {
+  background-image: url(icons/view-global-white.svg);
+}
+.nav_menu .stick .btn.view-reader {
+  background-image: url(icons/view-reader.svg);
+}
+.nav_menu .stick .btn.view-reader.active {
+  background-image: url(icons/view-reader-white.svg);
+}
+.nav_menu .stick .btn.view-rss {
+  background-image: url(icons/rss.svg);
+}
+.nav_menu .stick .dropdown a.dropdown-toggle {
+  border-right-width: 0;
+  background-image: url(icons/more.svg);
+}
 
 #dropdown-query ~ .dropdown-menu .dropdown-header .icon {
   vertical-align: middle;
   background-color: #a6a7ae;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 /*=== Content of feed articles */
 .content, .content.thin {
   padding: 20px 10px;
   font-size: 1.125rem;
-  line-height: 1.8rem; }
-  .content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
-    color: #303136;
-    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: #36c;
-      text-decoration: none; }
-  .content .author, .content.thin .author {
-    color: #5b6871;
-    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;
-    background: #d5d8db;
-    height: 1px;
-    border: 0;
-    box-shadow: 0 2px 5px #ccc; }
-  .content pre, .content.thin pre {
-    margin: 10px auto;
-    padding: 10px 20px;
-    overflow: auto;
-    background: #1d1e22;
-    color: #fff;
-    font-size: 0.9rem;
-    border-radius: 3px; }
-    .content pre code, .content.thin pre code {
-      background: transparent;
-      color: #fff;
-      border: none; }
-  .content code, .content.thin code {
-    padding: 2px 5px;
-    background: #f9fafb;
-    color: #eff0f2;
-    border: 1px solid #eff0f2;
-    border-radius: 3px; }
-  .content blockquote, .content.thin blockquote {
-    margin: 0;
-    padding: 5px 20px;
-    background: #f9fafb;
-    display: block;
-    color: #303136;
-    border-top: 1px solid #d5d8db;
-    border-bottom: 1px solid #d5d8db; }
-    .content blockquote p, .content.thin blockquote p {
-      margin: 0; }
+  line-height: 1.8rem;
+}
+.content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a {
+  color: #303136;
+  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: #36c;
+  text-decoration: none;
+}
+.content .author, .content.thin .author {
+  color: #5b6871;
+  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;
+  background: #d5d8db;
+  height: 1px;
+  border: 0;
+  box-shadow: 0 2px 5px #ccc;
+}
+.content pre, .content.thin pre {
+  margin: 10px auto;
+  padding: 10px 20px;
+  overflow: auto;
+  background: #1d1e22;
+  color: #fff;
+  font-size: 0.9rem;
+  border-radius: 3px;
+}
+.content pre code, .content.thin pre code {
+  background: transparent;
+  color: #fff;
+  border: none;
+}
+.content code, .content.thin code {
+  padding: 2px 5px;
+  background: #f9fafb;
+  color: #eff0f2;
+  border: 1px solid #eff0f2;
+  border-radius: 3px;
+}
+.content blockquote, .content.thin blockquote {
+  margin: 0;
+  padding: 5px 20px;
+  background: #f9fafb;
+  display: block;
+  color: #303136;
+  border-top: 1px solid #d5d8db;
+  border-bottom: 1px solid #d5d8db;
+}
+.content blockquote p, .content.thin blockquote p {
+  margin: 0;
+}
 
 /*=== Notification and actualize notification */
 .notification {
@@ -924,28 +1139,37 @@ form th {
   text-align: center;
   line-height: 3em;
   z-index: 10;
-  vertical-align: middle; }
-  .notification .msg {
-    display: inline-block;
-    font-size: 1rem; }
-  .notification.good {
-    background: #10f587;
-    color: #fff; }
-  .notification.bad {
-    background: #f5633e;
-    color: #fff; }
-  .notification a.close {
-    padding: 0 15px;
-    border-radius: 3px 0 0 3px;
-    line-height: 3em; }
-  .notification.good a.close:hover {
-    background: #0c7540; }
-  .notification.bad a.close:hover {
-    background: #73341f; }
-  .notification#actualizeProgress {
-    line-height: 2em; }
-    .notification#actualizeProgress br {
-      display: none; }
+  vertical-align: middle;
+}
+.notification .msg {
+  display: inline-block;
+  font-size: 1rem;
+}
+.notification.good {
+  background: #10f587;
+  color: #fff;
+}
+.notification.bad {
+  background: #f5633e;
+  color: #fff;
+}
+.notification a.close {
+  padding: 0 15px;
+  border-radius: 3px 0 0 3px;
+  line-height: 3em;
+}
+.notification.good a.close:hover {
+  background: #0c7540;
+}
+.notification.bad a.close:hover {
+  background: #73341f;
+}
+.notification#actualizeProgress {
+  line-height: 2em;
+}
+.notification#actualizeProgress br {
+  display: none;
+}
 
 /*=== Navigation menu (for articles) */
 #nav_entries {
@@ -953,7 +1177,8 @@ form th {
   text-align: center;
   line-height: 3em;
   table-layout: fixed;
-  background: #303136; }
+  background: #303136;
+}
 
 /*=== Feed articles */
 .flux {
@@ -962,102 +1187,131 @@ form th {
   -moz-transition: all 0.15s ease-in-out;
   -o-transition: all 0.15s ease-in-out;
   -ms-transition: all 0.15s ease-in-out;
-  transition: all 0.15s ease-in-out; }
-  .flux:hover {
-    background: #f9fafb; }
-    .flux:hover:not(.current):hover .item.title {
-      background: #f9fafb; }
-  .flux.current {
-    background: #f9fafb;
-    border-right-color: #36c; }
-  .flux.not_read:not(.current) {
-    background: #f2f6f8; }
-    .flux.not_read:not(.current):hover .item.title {
-      background: #f2f6f8; }
-  .flux.not_read .item.title a {
-    color: #36c; }
-  .flux.not_read .item.website a {
-    color: #36c; }
-  .flux.not_read .item.date {
-    color: rgba(51, 102, 204, 0.5); }
-  .flux.favorite {
-    border-right-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;
-    -ms-transition: all 0.15s ease-in-out;
-    transition: all 0.15s ease-in-out; }
-  .flux.favorite:not(.current) {
-    background: #fff6da; }
-    .flux.favorite:not(.current):hover .item.title {
-      background: #fff6da; }
-  .flux .website a {
-    color: #303136;
-    opacity: 0.75; }
-  .flux .website .favicon {
-    padding: 5px; }
-  .flux .date {
-    color: rgba(48, 49, 54, 0.5);
-    font-size: 0.85rem; }
-  .flux .bottom {
-    font-size: 1rem;
-    text-align: center; }
+  transition: all 0.15s ease-in-out;
+}
+.flux:hover {
+  background: #f9fafb;
+}
+.flux:hover:not(.current):hover .item.title {
+  background: #f9fafb;
+}
+.flux.current {
+  background: #f9fafb;
+  border-right-color: #36c;
+}
+.flux.not_read:not(.current) {
+  background: #f2f6f8;
+}
+.flux.not_read:not(.current):hover .item.title {
+  background: #f2f6f8;
+}
+.flux.not_read .item.title a {
+  color: #36c;
+}
+.flux.not_read .item.website a {
+  color: #36c;
+}
+.flux.not_read .item.date {
+  color: rgba(51, 102, 204, 0.5);
+}
+.flux.favorite {
+  border-right-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;
+  -ms-transition: all 0.15s ease-in-out;
+  transition: all 0.15s ease-in-out;
+}
+.flux.favorite:not(.current) {
+  background: #fff6da;
+}
+.flux.favorite:not(.current):hover .item.title {
+  background: #fff6da;
+}
+.flux .website a {
+  color: #303136;
+  opacity: 0.75;
+}
+.flux .website .favicon {
+  padding: 5px;
+}
+.flux .date {
+  color: rgba(48, 49, 54, 0.5);
+  font-size: 0.85rem;
+}
+.flux .bottom {
+  font-size: 1rem;
+  text-align: center;
+}
 
 .flux_header {
   font-size: 1rem;
   cursor: pointer;
-  border-top: 1px solid #eff0f2; }
-  .flux_header .title {
-    font-size: 1rem; }
+  border-top: 1px solid #eff0f2;
+}
+.flux_header .title {
+  font-size: 1rem;
+}
 
 /*=== GLOBAL VIEW */
 /*================*/
 #stream .box.category:not([data-unread="0"]) .box-title .title {
-  font-weight: bold; }
+  font-weight: bold;
+}
 #stream .box.category .box-title {
   padding: 1.5rem;
-  background: none; }
-  #stream .box.category .box-title a.title {
-    color: #5b6871;
-    font-size: 1rem;
-    font-weight: normal;
-    text-decoration: none;
-    text-align: right;
-    text-transform: uppercase;
-    letter-spacing: 1px; }
-    #stream .box.category .box-title a.title:not([data-unread="0"])::after {
-      margin: -0.5rem 0 0 1rem;
-      padding: 0 0.75rem;
-      background: #eff0f2;
-      border-radius: 12px;
-      position: absolute;
-      top: 1.75rem;
-      left: 0;
-      line-height: 1.5rem;
-      text-align: center; }
-    #stream .box.category .box-title a.title:hover {
-      color: #36c; }
+  background: none;
+}
+#stream .box.category .box-title a.title {
+  color: #5b6871;
+  font-size: 1rem;
+  font-weight: normal;
+  text-decoration: none;
+  text-align: right;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+#stream .box.category .box-title a.title:not([data-unread="0"])::after {
+  margin: -0.5rem 0 0 1rem;
+  padding: 0 0.75rem;
+  background: #eff0f2;
+  border-radius: 12px;
+  position: absolute;
+  top: 1.75rem;
+  left: 0;
+  line-height: 1.5rem;
+  text-align: center;
+}
+#stream .box.category .box-title a.title:hover {
+  color: #36c;
+}
 #stream .box.category .box-content {
-  padding-bottom: 0.5rem; }
-  #stream .box.category .box-content .item.feed {
-    padding: 0.5rem 1.5rem;
-    font-size: 1rem; }
-    #stream .box.category .box-content .item.feed a {
-      color: #303136;
-      font-weight: 400; }
-      #stream .box.category .box-content .item.feed a:hover {
-        color: #36c;
-        text-decoration: none; }
+  padding-bottom: 0.5rem;
+}
+#stream .box.category .box-content .item.feed {
+  padding: 0.5rem 1.5rem;
+  font-size: 1rem;
+}
+#stream .box.category .box-content .item.feed a {
+  color: #303136;
+  font-weight: 400;
+}
+#stream .box.category .box-content .item.feed a:hover {
+  color: #36c;
+  text-decoration: none;
+}
 
 #overlay {
-  background: rgba(0, 0, 0, 0.65); }
+  background: rgba(0, 0, 0, 0.65);
+}
 
 #panel {
   top: 3rem;
   left: 3rem;
   bottom: 3rem;
   right: 3rem;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 /*=== READER VIEW */
 /*================*/
@@ -1065,67 +1319,80 @@ form th {
   padding: 0 0 50px;
   background: #eff0f2;
   color: #303136;
-  border: none; }
+  border: none;
+}
 
 #stream.reader .flux .author {
   margin: 0 0 10px;
   color: #a6a7ae;
-  font-size: 90%; }
+  font-size: 90%;
+}
 
 /*=== Configuration pages */
 .post {
   padding: 1rem 2rem;
-  font-size: 1rem; }
-  .post form {
-    margin: 1rem 0; }
-    .post form .horizontal-list {
-      margin-bottom: 0.5rem; }
-  .post.content {
-    max-width: 550px; }
-  .post h1, .post h2 {
-    color: #303136;
-    font-size: 3rem;
-    margin-top: 1.75rem;
-    font-weight: 300;
-    line-height: 1.2em; }
-  .post a[href="./"] {
-    margin: 0;
-    padding: 0.75rem 1.5rem;
-    background: #f9fafb;
-    display: inline-block;
-    color: #5b6871;
-    font-size: 1rem;
-    border: 1px solid #d5d8db;
-    border-radius: 5px;
-    min-width: 15px;
-    line-height: 25px;
-    vertical-align: middle;
-    cursor: pointer;
-    overflow: hidden; }
-    .post a[href="./"]:hover {
-      background: #36c;
-      color: white;
-      border: 1px solid #36c;
-      text-decoration: none; }
+  font-size: 1rem;
+}
+.post form {
+  margin: 1rem 0;
+}
+.post form .horizontal-list {
+  margin-bottom: 0.5rem;
+}
+.post.content {
+  max-width: 550px;
+}
+.post h1, .post h2 {
+  color: #303136;
+  font-size: 3rem;
+  margin-top: 1.75rem;
+  font-weight: 300;
+  line-height: 1.2em;
+}
+.post a[href="./"] {
+  margin: 0;
+  padding: 0.75rem 1.5rem;
+  background: #f9fafb;
+  display: inline-block;
+  color: #5b6871;
+  font-size: 1rem;
+  border: 1px solid #d5d8db;
+  border-radius: 5px;
+  min-width: 15px;
+  line-height: 25px;
+  vertical-align: middle;
+  cursor: pointer;
+  overflow: hidden;
+}
+.post a[href="./"]:hover {
+  background: #36c;
+  color: white;
+  border: 1px solid #36c;
+  text-decoration: none;
+}
 
 #slider {
   border-right: none;
-  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 {
   padding: 1rem;
   background: rgba(0, 0, 0, 0.75);
   color: white;
-  border: 0; }
-  .slide-container .properties .page-number {
-    left: 1rem;
-    top: 1rem; }
+  border: 0;
+}
+.slide-container .properties .page-number {
+  left: 1rem;
+  top: 1rem;
+}
 
 /*=== LOGS */
 /*=========*/
 .loglist {
   overflow: hidden;
-  border: 1px solid #a6a7ae; }
+  border: 1px solid #a6a7ae;
+}
 
 .log {
   margin: 10px 0;
@@ -1133,169 +1400,233 @@ form th {
   background: #f9fafb;
   color: #5b6871;
   font-size: 0.8rem;
-  overflow: auto; }
+  overflow: auto;
+}
 
 .log > .date {
   margin: 0 0 0 10px;
   padding: 5px 10px;
-  border-radius: 20px; }
+  border-radius: 20px;
+}
 
 .log.error > .date {
   background: #f5633e;
-  color: #fff; }
+  color: #fff;
+}
 
 .log.warning > .date {
-  background: #f4f762; }
+  background: #f4f762;
+}
 
 .log.notice > .date {
-  background: #eff0f2; }
+  background: #eff0f2;
+}
 
 .log.debug > .date {
   background: #1d1e22;
-  color: #fff; }
+  color: #fff;
+}
 
 /*=== STATISTICS */
 /*===============*/
 .stat {
-  margin: 10px 0 20px; }
+  margin: 10px 0 20px;
+}
 
 .stat th,
 .stat td,
 .stat tr {
-  border: none; }
+  border: none;
+}
 
 .stat > table td,
 .stat > table th {
-  border-bottom: 1px solid #d5d8db; }
+  border-bottom: 1px solid #d5d8db;
+}
 
 .stat > .horizontal-list {
-  margin: 0 0 5px; }
+  margin: 0 0 5px;
+}
 
 .stat > .horizontal-list .item {
   overflow: hidden;
   white-space: nowrap;
-  text-overflow: ellipsis; }
+  text-overflow: ellipsis;
+}
 
 .stat > .horizontal-list .item:first-child {
-  width: 270px; }
+  width: 270px;
+}
 
 /*=== MOBILE */
 /*===========*/
 @media (max-width: 840px) {
   ul.nav .item {
-    width: 100%; }
-    ul.nav .item img {
-      display: none; }
-    ul.nav .item a {
-      padding: 1rem 2.5rem 1rem 1rem;
-      background: url("../../themes/icons/logout.svg") no-repeat #17181a 97% center;
-      display: inline-block;
-      width: 100%;
-      color: #fff;
-      -webkit-transition: all 0.2s ease-in-out;
-      -moz-transition: all 0.2s ease-in-out;
-      -o-transition: all 0.2s ease-in-out;
-      -ms-transition: all 0.2s ease-in-out;
-      transition: all 0.2s ease-in-out; }
-      ul.nav .item a:hover, ul.nav .item a:active {
-        background: url("../../themes/icons/logout.svg") no-repeat #f5633e 97% center;
-        text-decoration: none; }
+    width: 100%;
+  }
+  ul.nav .item img {
+    display: none;
+  }
+  ul.nav .item a {
+    box-sizing: border-box;
+    padding: 1rem 2.5rem 1rem 1rem;
+    background: url("../../themes/icons/logout.svg") no-repeat #17181a 97% center;
+    display: inline-block;
+    width: 100%;
+    color: #fff;
+    -webkit-transition: all 0.2s ease-in-out;
+    -moz-transition: all 0.2s ease-in-out;
+    -o-transition: all 0.2s ease-in-out;
+    -ms-transition: all 0.2s ease-in-out;
+    transition: all 0.2s ease-in-out;
+  }
+  ul.nav .item a:hover, ul.nav .item a:active {
+    background: url("../../themes/icons/logout.svg") no-repeat #f5633e 97% center;
+    text-decoration: none;
+  }
+
+  .form-group .group-name {
+    text-align: right;
+  }
+
+  .box .box-title .configure,
+.box .box-content .item .configure {
+    visibility: visible;
+  }
 
   .aside {
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
-    transition: all 0.2s ease-in-out; }
-    .aside.aside_feed {
-      padding: 0; }
-    .aside .tree .tree-folder .tree-folder-items .item a {
-      padding: 0.5rem 1rem; }
+    transition: all 0.2s ease-in-out;
+  }
+  .aside.aside_feed {
+    padding: 0;
+  }
+  .aside .tree .tree-folder .tree-folder-items .item a {
+    padding: 0.5rem 1rem;
+  }
 
   .aside .toggle_aside,
-  #panel .close {
+#panel .close,
+#close-slider.active {
     background: #25c;
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
-    text-align: center; }
+    text-align: center;
+  }
 
   .header {
-    padding: 0.5rem; }
-    .header .item.title {
-      display: none; }
-    .header .item.search input {
-      width: 90%;
-      height: 3.5rem; }
-      .header .item.search input:focus {
-        width: 100%; }
-    .header .item.search .btn {
-      min-height: 49px;
-      padding: 0.5rem 2rem; }
-    .header .item.configure {
-      width: 2.75rem;
-      top: 3.125rem; }
-      .header .item.configure .dropdown .btn {
-        padding: 1.125rem; }
+    padding: 0.5rem;
+  }
+  .header .item.title {
+    display: none;
+  }
+  .header .item.search {
+    display: block;
+  }
+  .header .item.search .stick {
+    display: flex;
+  }
+  .header .item.search input {
+    width: 90%;
+    height: 3.5rem;
+  }
+  .header .item.search input:focus {
+    width: 100%;
+  }
+  .header .item.search .btn {
+    min-height: 49px;
+    padding: 0.5rem 2rem;
+  }
+  .header .item.configure {
+    display: none;
+  }
+
+  .post {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
 
   .nav_menu .btn {
     margin: 0;
-    padding: 0.85rem 1.25rem; }
+    padding: 0.85rem 1.25rem;
+  }
   .nav_menu .stick {
-    margin: 0.5rem 0.5rem; }
-    .nav_menu .stick .btn {
-      margin: 0;
-      padding: 0.85rem 1.25rem; }
-      .nav_menu .stick .btn.read_all {
-        padding: 0.85rem 1.25rem; }
+    margin: 0.5rem 0.5rem;
+  }
+  .nav_menu .stick .btn {
+    margin: 0;
+    padding: 0.85rem 1.25rem;
+  }
+  .nav_menu .stick .btn.read_all {
+    padding: 0.85rem 1.25rem;
+  }
   .nav_menu .search {
     display: none;
-    max-width: 97%; }
-    .nav_menu .search .input {
-      max-width: 97%;
-      width: 90px; }
-      .nav_menu .search .input:focus {
-        width: 400px; }
+    max-width: 97%;
+  }
+  .nav_menu .search .input {
+    max-width: 97%;
+    width: 90px;
+  }
+  .nav_menu .search .input:focus {
+    width: 400px;
+  }
 
   #stream .flux .flux_header {
-    padding: 0.5rem 0; }
+    padding: 0.5rem 0;
+  }
 
   .day {
     text-align: center;
-    padding: 1rem 0; }
-    .day .name {
-      padding: 0;
-      display: block;
-      width: 100%;
-      line-height: 1.5rem;
-      margin-bottom: 1rem; }
+    padding: 1rem 0;
+  }
+  .day .name {
+    padding: 0;
+    display: block;
+    width: 100%;
+    line-height: 1.5rem;
+    margin-bottom: 1rem;
+  }
 
   .pagination {
-    margin: 0 0 3.5em; }
+    margin: 0 0 3.5em;
+  }
 
   #nav_entries {
-    line-height: 4.5rem; }
+    line-height: 4.5rem;
+  }
 
   .notification {
-    border-radius: 0; }
-    .notification a.close {
-      background: transparent;
-      display: block;
-      right: 0; }
-    .notification a.close:hover {
-      opacity: 0.5; }
-    .notification a.close .icon {
-      display: none; } }
+    border-radius: 0;
+  }
+  .notification a.close {
+    background: transparent;
+    display: block;
+    right: 0;
+  }
+  .notification a.close:hover {
+    opacity: 0.5;
+  }
+  .notification a.close .icon {
+    display: none;
+  }
+}
 /*=== GENERAL */
 /*============*/
 html, body {
   background: #eff0f2;
   height: 100%;
   font-family: "lato", "Helvetica", "Arial", sans-serif;
-  font-size: 0.875rem; }
+  font-size: 0.875rem;
+}
 
 /*=== Links */
 a, button.as-link {
   outline: none;
-  color: #36c; }
+  color: #36c;
+}