[CI] Run stylelint (#2477)

* [CI] Run stylelint

Perform some basic CSS sanity checking and style enforcement.

I removed vendor prefixed linear-gradient and transform because those are from the IE9 era. With IE11 as a minimum and soon obsolete requirement it doesn't make much sense anymore.

* Remove as-link override

* Don't require newline after comment

* Also apply those newline rules to SCSS

* refine opening/closing braces, allow for single-line

.stylelintignore

@@ -0,0 +1,4 @@
+# ignore SASS-generated CSS
+p/themes/Ansum/*.css
+p/themes/Mapco/*.css
+p/themes/Swage/*.css

.stylelintrc

@@ -0,0 +1,74 @@
+{
+  "extends": "stylelint-config-recommended-scss",
+  "plugins": [
+    "stylelint-order",
+    "stylelint-scss"
+  ],
+  "rules": {
+    "at-rule-empty-line-before": [
+      "always", {
+        "ignoreAtRules": [ "after-comment", "else" ]
+      }
+    ],
+    "at-rule-name-space-after": [
+      "always", {
+        "ignoreAtRules": [ "after-comment" ]
+      }
+    ],
+    "block-closing-brace-newline-after": [
+      "always", {
+        "ignoreAtRules": [ "if", "else" ]
+      }
+    ],
+    "block-closing-brace-newline-before": "always-multi-line",
+    "block-opening-brace-newline-after": "always-multi-line",
+    "block-opening-brace-space-before": "always",
+    "color-hex-case": "lower",
+    "color-hex-length": "short",
+    "color-no-invalid-hex": true,
+    "declaration-colon-space-after": "always",
+    "declaration-colon-space-before": "never",
+    "indentation": "tab",
+    "no-descending-specificity": null,
+    "no-eol-whitespace": true,
+    "property-no-vendor-prefix": true,
+    "rule-empty-line-before": [
+      "always",
+      "except": [
+        "after-single-line-comment",
+        "first-nested"
+      ]
+    ],
+    "order/properties-order": [
+      "margin",
+      "padding",
+      "background",
+      "display",
+      "float",
+      "max-width",
+      "width",
+      "max-height",
+      "height",
+      "color",
+      "font",
+      "font-family",
+      "font-size",
+      "border",
+      "border-top",
+      "border-top-color",
+      "border-right",
+      "border-right-color",
+      "border-bottom",
+      "border-bottom-color",
+      "border-left",
+      "border-left-color",
+      "border-radius",
+      "box-shadow"
+    ],
+    "scss/at-else-closing-brace-newline-after": "always-last-in-chain",
+    "scss/at-else-closing-brace-space-after": "always-intermediate",
+    "scss/at-else-empty-line-before": "never",
+    "scss/at-if-closing-brace-newline-after": "always-last-in-chain",
+    "scss/at-if-closing-brace-space-after": "always-intermediate"
+  }
+}

.travis.yml

@@ -48,10 +48,13 @@ matrix:
       env:
         - HADOLINT="$HOME/hadolint"
       install:
-        - npm install jshint
+        - npm install --save-dev jshint stylelint stylelint-order stylelint-scss stylelint-config-recommended-scss
         - curl -sLo "$HADOLINT" $(curl -s https://api.github.com/repos/hadolint/hadolint/releases/latest?access_token="$GITHUB_TOKEN" | jq -r '.assets | .[] | select(.name=="hadolint-Linux-x86_64") | .browser_download_url') && chmod 700 ${HADOLINT}
       script:
         - node_modules/jshint/bin/jshint .
+        # check SCSS separately
+        - stylelint --syntax scss "**/*.scss"
+        - stylelint "**/*.css"
         - bash tests/shellchecks.sh
         - git ls-files --exclude='*Dockerfile*' --ignored | xargs --max-lines=1 "$HADOLINT"
   allow_failures:

docs/assets/css/style.scss

@@ -1,13 +1,10 @@
----
----
-
 @import "{{ site.theme }}";
 
 .page-header .project-name a {
-  color: #fff;
+	color: #fff;
 
-  &:hover {
-    text-decoration: none;
-    opacity: .7;
-  }
+	&:hover {
+		text-decoration: none;
+		opacity: .7;
+	}
 }

p/themes/Ansum/_components.scss

@@ -5,119 +5,119 @@
 
 /*=== Horizontal-list */
 .horizontal-list {
-    margin: 0;
-    padding: 0.1rem 0;
+	margin: 0;
+	padding: 0.1rem 0;
 
-    .item{
-	vertical-align: middle;
+	.item {
+		vertical-align: middle;
 
-	&:first-child{
-	    padding-left: 0.5rem;
-	}
+		&:first-child {
+			padding-left: 0.5rem;
+		}
 
-    }
+	}
 }
 
 /*=== Dropdown */
 .dropdown-menu {
-    background: $grey-lighter;
-    margin: 0;
-    font-size: 1rem;
-    text-align: left;
-    padding: 0.5rem 0 1rem 0;
-    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);
-
-    &::after {
-	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;
-	// border-top: 1px solid #95a5a6;
-	// border-left: 1px solid #95a5a6;
-    }
-    
-    .dropdown-header {
-	// padding: 0 5px 5px;
-	margin: 1.75rem 0 0.5rem 2rem;
-	font-weight: bold;
+	margin: 0;
+	padding: 0.5rem 0 1rem 0;
+	background: $grey-lighter;
+	font-size: 1rem;
+	border: none;
+	border-radius: 3px;
+	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
 	text-align: left;
-	color: $grey-dark;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-
-	
-    }
-
-    .item{
-	@include transition(all, 0.075s, ease-in-out);
-	a, span, .as-link{
-	    padding: 0 2rem;
-	    line-height: 2.5em;
-	    font-size: 1rem;
-	    color: $main-font-color;
-	}
-	&:hover{
-	    background: $main-first;
-	    color: $white;
 
-	    a, button{
-		text-decoration: none;
-		color: $white;
-	    }
+	&::after {
+		background: white;
+		width: 10px;
+		height: 10px;
+		content: "";
+		position: absolute;
+		top: -4px;
+		right: 13px;
+		z-index: -10;
+		transform: rotate(45deg);
+		// border-top: 1px solid #95a5a6;
+		// border-left: 1px solid #95a5a6;
 	}
-	&[aria-checked="true"]{
-	    a::before{
+
+	.dropdown-header {
+		// padding: 0 5px 5px;
+		margin: 1.75rem 0 0.5rem 2rem;
 		font-weight: bold;
-		margin: 0 0 0 -14px;
-	    }
+		text-align: left;
+		color: $grey-dark;
+		text-transform: uppercase;
+		letter-spacing: 1px;
+
+
 	}
-    }
-    .input{
-	select, input{
-	    margin: 0 auto 5px;
-	    padding: 2px 5px;
-	    border-radius: 3px;
+
+	.item {
+
+		@include transition(all, 0.075s, ease-in-out);
+
+		a, span, .as-link {
+			padding: 0 2rem;
+			color: $main-font-color;
+			font-size: 1rem;
+			line-height: 2.5em;
+		}
+
+		&:hover {
+			background: $main-first;
+			color: $white;
+
+			a, button {
+				text-decoration: none;
+				color: $white;
+			}
+		}
+
+		&[aria-checked="true"] {
+			a::before {
+				margin: 0 0 0 -14px;
+				font-weight: bold;
+			}
+		}
 	}
-    }
-    .separator {
-	margin: 0.75rem 0;
-	border-bottom: 1px solid $grey-light;
-	// display: none;
-    }
 
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu,
-.tree .tree-folder .tree-folder-items .dropdown-menu{
-    // tout ça sert à restaurer l'apparence du dropdown dans un contexte de sidebar sombre
-    
-    .item{
-	padding: 0;
-	
-	a,
-	button{
-	    color: $main-font-color;
-	    
-	    &:hover{
-		color: $white;
-	    }
+	.input {
+		select, input {
+			margin: 0 auto 5px;
+			padding: 2px 5px;
+			border-radius: 3px;
+		}
+	}
+
+	.separator {
+		margin: 0.75rem 0;
+		border-bottom: 1px solid $grey-light;
+		// display: none;
 	}
-	&:hover{
-	    background: $main-first;
+
+}
+
+.tree .tree-folder .tree-folder-items .dropdown-menu {
+	// tout ça sert à restaurer l'apparence du dropdown dans un contexte de sidebar sombre
+	.item {
+		padding: 0;
+
+		a,
+		button {
+			color: $main-font-color;
+
+			&:hover {
+				color: $white;
+			}
+		}
+
+		&:hover {
+			background: $main-first;
+		}
 	}
-    }
 }
 
 
@@ -125,256 +125,273 @@
 
 /*=== Alerts */
 .alert {
-    margin: 1rem 0;
-    // width: 100%;
-    padding: 1rem;
-    font-size: 1rem;
-    background: $grey-lighter;
-    border: 1px solid $grey-medium;
-    border-radius: 3px;
-    color: $grey-dark;
-    text-shadow: 0 0 1px $grey-light;
+	margin: 1rem 0;
+	// width: 100%;
+	padding: 1rem;
+	background: $grey-lighter;
+	color: $grey-dark;
+	font-size: 1rem;
+	border: 1px solid $grey-medium;
+	border-radius: 3px;
+	text-shadow: 0 0 1px $grey-light;
 }
+
 .alert-head {
-    font-size: 1.15em;
+	font-size: 1.15em;
 }
+
 .alert > a {
-    text-decoration: underline;
-    color: inherit;
+	text-decoration: underline;
+	color: inherit;
 }
+
 .alert-warn {
-    background: $warning-light;
-    border: 1px solid unquote($warning-text+'33'); // on ajoute l'opacité à la fin
-    color: $warning-text;
+	background: $warning-light;
+	color: $warning-text;
+	border: 1px solid unquote($warning-text+'33'); // on ajoute l'opacité à la fin
 }
+
 .alert-success {
-    background: $success-light;
-    border: 1px solid unquote($success-text+'33');
-    color: $success-text;
+	background: $success-light;
+	color: $success-text;
+	border: 1px solid unquote($success-text+'33');
 }
+
 .alert-error {
-    background: $alert-light;
-    border: 1px solid unquote($alert-text+'33');
-    color: $alert-text;
+	background: $alert-light;
+	color: $alert-text;
+	border: 1px solid unquote($alert-text+'33');
 }
 
 /*=== Pagination */
 .pagination {
-    text-align: center;
-    font-size: 0.8em;
-    background: $grey-light;
-    color: $main-font-color;
-
-    .item{
-	&.pager-current {
-	    font-weight: bold;
-	    font-size: 1.5em;
-	    background: $sid-bg;
-	    color: $grey-light;
-	}
-	a {
-	    display: block;
-	    font-style: italic;
-	    line-height: 3em;
-	    text-decoration: none;
-	    color: $main-font-color;
-
-	    &:hover{
-		background: $main-font-color;
-		color: $grey-light;
-	    }
+	background: $grey-light;
+	color: $main-font-color;
+	font-size: 0.8em;
+	text-align: center;
+
+	.item {
+		&.pager-current {
+			background: $sid-bg;
+			color: $grey-light;
+			font-size: 1.5em;
+			font-weight: bold;
+		}
+
+		a {
+			display: block;
+			color: $main-font-color;
+			font-style: italic;
+			line-height: 3em;
+			text-decoration: none;
+
+			&:hover {
+				background: $main-font-color;
+				color: $grey-light;
+			}
+		}
 	}
-    }
 
-    .loading,
-    a:hover.loading {
-	font-size: 0;
-	background: url("loader.gif") center center no-repeat #34495e;
-    }
+	.loading,
+	a:hover.loading {
+		background: url("loader.gif") center center no-repeat #34495e;
+		font-size: 0;
+	}
 }
+
 .content .pagination {
-    margin: 0;
-    padding: 0;
+	margin: 0;
+	padding: 0;
 }
 
 
 /*=== Boxes */
 .box {
-    // border: 1px solid #ddd;
-    border: none;
-    border-radius: 3px;
-    background: $white;
-
-    -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-title {
-	margin: 0;
-	padding: 0.5rem 0.75rem;
-	background: $grey-light;
-	color: $main-font-color;
-	// border-bottom: 1px solid #ddd;
-	border-radius: 2px 2px 0 0;
+	background: $white;
+	// border: 1px solid #ddd;
+	border: none;
+	border-radius: 3px;
+	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
+
+	.box-title {
+		margin: 0;
+		padding: 0.5rem 0.75rem;
+		background: $grey-light;
+		color: $main-font-color;
+		// border-bottom: 1px solid #ddd;
+		border-radius: 2px 2px 0 0;
+
+		img {
+			margin-right: 0.75rem;
+		}
 
-	img{
-		margin-right: 0.75rem;
-	}
+		&:hover {
+			.configure {
+				background: url("icons/cog.svg") no-repeat 4px 4px;
+				display: block;
+				float: left;
+				width: 1.75rem;
+				height: 1.75rem;
+				border-radius: 2px;
+				visibility: visible;
+				margin-right: 0.5rem;
+
+				.icon {
+					display: none;
+					border-radius: 3px;
+					vertical-align: middle;
+				}
+
+				&:hover {
+					background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+				}
+			}
+		}
 
-	&:hover{
 		.configure {
-			visibility: visible;
-			background: url("icons/cog.svg") no-repeat 4px 4px;
-			width: 1.75rem;
-			height: 1.75rem;
-			display: block;
-			border-radius: 2px;
-			float: left;
-			margin-right: 0.5rem;
-			.icon {
-				vertical-align: middle;
-				border-radius: 3px;
-				display: none;
+			visibility: hidden;
+		}
+
+		form {
+			input {
+				width: 85%;
 			}
-			&:hover {
-				background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+
+			.dropdown {
+				float: right;
+
+				a.dropdown-toggle {
+					padding: 0;
+					// float: right;
+					border-radius: 0;
+					background-image: url(icons/more.svg);
+					background-repeat: no-repeat;
+					background-position: right 8px;
+
+					img {
+						display: none;
+					}
+				}
 			}
 		}
 	}
-	.configure {
-		visibility: hidden;
-	}
 
-	form{
-	    input{
-		width: 85%;
-	    }
-	    .dropdown{
-		float: right;
-		a.dropdown-toggle{
-		    padding: 0;
-		    background-image: url(icons/more.svg);
-		    background-repeat: no-repeat;
-		    background-position: right 8px;
-		    // float: right;
-		    border-radius: 0;
-		    img{
-			display: none;
-		    }
-		}
-	    }
-	}
-    }
-    .box-content {
-	// max-height: 260px;
+	.box-content {
+		// max-height: 260px;
+		.item {
+			padding: 0.5rem 0.75rem;
+			color: $main-font-color;
+			font-size: 1rem;
+			border-bottom: 1px solid $grey-light;
+			line-height: 1.7em;
+
+			img {
+				margin-right: 0.75rem;
+			}
 
-	.item {
-	    padding: 0.5rem 0.75rem;
-	    font-size: 1rem;
-	    color: $main-font-color;
-	    line-height: 1.7em;
-	    border-bottom: 1px solid $grey-light;
-
-	    img{
-		margin-right: 0.75rem;
-	    }
-
-	    .configure {
-		visibility: hidden;
-		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;
-		
-		.icon {
-		    vertical-align: middle;
-		    border-radius: 3px;
-		    display: none;
+			.configure {
+				background: url("icons/cog.svg") no-repeat 4px 4px;
+				display: block;
+				float: left;
+				width: 1.75rem;
+				height: 1.75rem;
+				border-radius: 2px;
+				visibility: hidden;
+				margin-right: 0.5rem;
+
+				.icon {
+					display: none;
+					border-radius: 3px;
+					vertical-align: middle;
+				}
+
+				&:hover {
+					// background: $main-first;
+					background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+				}
+			}
+
+			&:hover .configure {
+				visibility: visible;
+			}
 		}
-		&:hover{
-		    // background: $main-first;
-		    background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+
+		.item:last-child {
+			border-bottom: none;
 		}
-	    }
-	    &:hover .configure {
-		visibility: visible;
-	    }
-	}
-	.item:last-child{
-	    border-bottom: none;
 	}
-    }
 }
 
 /*=== "Load more" part */
 #bigMarkAsRead {
-    text-align: center;
-    text-decoration: none;
-    background: $main-first-light;
-    color: $main-first;
+	text-align: center;
+	text-decoration: none;
+	background: $main-first-light;
+	color: $main-first;
+
+	@include transition(all, 0.15s, ease-in-out);
 
-    @include transition(all, 0.15s, ease-in-out);
+	&:hover {
+		background: $main-first;
+		color: #fff;
 
-    &:hover {
-	background: $main-first;
-	color: #fff;
+		.bigTick {
+			background: url(icons/tick-white.svg) center no-repeat;
+		}
+	}
 
-	.bigTick{
-	    background: url(icons/tick-white.svg) center no-repeat;
+	.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;
 	}
-    }
-    .bigTick{
-	margin: 0.5rem 0;
-	display: inline-block;
-	text-indent: -9999px;               
-	background: url(icons/tick-color.svg) center no-repeat;  
-	height: 64px;                       
-	width: 64px;
-	white-space: nowrap; 
-    }
 }
 
 // page de login
-.formLogin{
-    background: $sid-bg;
-
-    .header{
-	.configure{
-	    padding-right: 1rem;
-	    img{
-		margin-right: 0.5rem;
-	    }
-	    
-	    a.signin{
+.formLogin {
+	background: $sid-bg;
+
+	.header {
+		.configure {
+			padding-right: 1rem;
+
+			img {
+				margin-right: 0.5rem;
+			}
+
+			a.signin {
+				color: $white;
+			}
+		}
+	}
+
+	h1 {
 		color: $white;
-	    }
 	}
-    }
-
-    h1{
-	color: $white;
-    }
-    form#crypto-form{
-	div{
-	    margin-bottom: 1rem;
-	    
-	    label{
-		font-size: 1rem;
-		color: $grey-medium;
-
-		
-	    }
-	    input{
-		background: $main-first-darker;
-
-		&:focus{
-		    background: $grey-lighter;
-		    color: $main-font-color;
+
+	form#crypto-form {
+		div {
+			margin-bottom: 1rem;
+
+			label {
+				color: $grey-medium;
+				font-size: 1rem;
+
+
+			}
+
+			input {
+				background: $main-first-darker;
+
+				&:focus {
+					background: $grey-lighter;
+					color: $main-font-color;
+				}
+			}
 		}
-	    }
-	}	
-    }
+	}
 }

p/themes/Ansum/_configuration.scss

@@ -1,90 +1,89 @@
 /*=== Configuration pages */
 .post {
-    padding: 1rem 2rem;
-    font-size: 1rem;
-
-    form {
-	margin: 1rem 0;
-
-	// Gestion des extensions
-	.horizontal-list{
-	    margin-bottom: 0.5rem;
-	    
-	    .item{
-		.stick{
-		    // width: 65%;
-		    // margin-right: 1rem;
-		    // display:flex;
-		    
-		}
-		.btn{
-		    // width: 8rem;
-		    // flex-grow: 1;
+	padding: 1rem 2rem;
+	font-size: 1rem;
+
+	form {
+		margin: 1rem 0;
+
+		// Gestion des extensions
+		.horizontal-list {
+			margin-bottom: 0.5rem;
+
+			.item {
+				.stick {
+					// width: 65%;
+					// margin-right: 1rem;
+					// display:flex;
+
+				}
+
+				.btn {
+					// width: 8rem;
+					// flex-grow: 1;
+				}
+			}
+
 		}
-	    }
-	    
 	}
-    }
-    &.content {
-	max-width: 550px;
-    }
-
-    h1, h2{ // pages titles
-	font-size: 3rem;
-	margin-top: 1.75rem;
-	font-weight: 300;
-	line-height: 1.2em;
-	// font-family: "spectral";
-	color: $main-font-color;
-    }
-
-    a[href="./"]{ // C'est le bouton "Retour à vos flux"
-	display: inline-block;
-	// min-height: 38px;
-	min-width: 15px;
-	line-height: 25px;
-	margin: 0;
-	padding: 0.75rem 1.5rem;
-	font-size: 1rem;
-	vertical-align: middle;
-	cursor: pointer;
-	overflow: hidden;
-	background: $grey-lighter;
-	border: 1px solid $grey-medium-light;
-	border-radius: 5px;
-	// border: none;
-	color: $grey-dark;
-
-	&:hover{
-	    text-decoration: none;
-	    background: $main-first;
-	    color: white;
-	    border: 1px solid $main-first;
+
+	&.content {
+		max-width: 550px;
+	}
+
+	h1, h2 { // pages titles
+		// font-family: "spectral";
+		color: $main-font-color;
+		font-size: 3rem;
+		margin-top: 1.75rem;
+		font-weight: 300;
+		line-height: 1.2em;
 	}
-    }
-    
+
+	a[href="./"] { // C'est le bouton "Retour à vos flux"
+		margin: 0;
+		padding: 0.75rem 1.5rem;
+		background: $grey-lighter;
+		display: inline-block;
+		// border: none;
+		color: $grey-dark;
+		font-size: 1rem;
+		border: 1px solid $grey-medium-light;
+		border-radius: 5px;
+		// min-height: 38px;
+		min-width: 15px;
+		line-height: 25px;
+		vertical-align: middle;
+		cursor: pointer;
+		overflow: hidden;
+
+		&:hover {
+			background: $main-first;
+			color: white;
+			border: 1px solid $main-first;
+			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);
+#slider {
+	border-left: none;
+	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;
+.slide-container {
+	.properties {
+		padding: 1rem;
+		background: rgba(0, 0, 0, 0.75);
+		color: white;
+		border: 0;
 
-	.page-number{
-	    right: 1rem;
-	    top: 1rem;
+		.page-number {
+			right: 1rem;
+			top: 1rem;
+		}
 	}
-    }
 }

p/themes/Ansum/_divers.scss

@@ -4,9 +4,11 @@
 .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;
 }

p/themes/Ansum/_fonts.scss

@@ -1,56 +1,63 @@
 @font-face {
-    font-family: "lato";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 400;
-    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");
-}
-@font-face {
-    font-family: "lato";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 700;
-    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");
-}
-@font-face {
-    font-family: "spectral";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 400;
-    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");
-}
-@font-face {
-    font-family: "spectral";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 700;
-    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");
+	font-family: "lato";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 400;
+	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");
+}
+
+@font-face {
+	font-family: "lato";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 700;
+	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");
+}
+
+@font-face {
+	font-family: "spectral";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 400;
+	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");
+}
+
+@font-face {
+	font-family: "spectral";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 700;
+	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");
 }

p/themes/Ansum/_forms.scss

@@ -1,152 +1,160 @@
 /* btns */
-
 .btn {
-    display: inline-block;
-    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: $grey-lighter;
-    border-radius: 5px;
-    border: none;
-    color: $grey-dark;
-
-    @include transition(all, 0.15s, ease-in-out);
-
-    &.btn-important {
-	background: $main-first;
-	color: $white;
-
-	// @include transition(all, 0.15s, ease-in-out);
-
-	&:hover,
-	&:active {
-	    background: $main-first-alt;
+	margin: 0;
+	padding: 0.5rem 1.5rem;
+	background: $grey-lighter;
+	display: inline-block;
+	color: $grey-dark;
+	font-size: 1rem;
+	border: none;
+	border-radius: 5px;
+	min-height: 38px;
+	min-width: 15px;
+	line-height: 25px;
+	vertical-align: middle;
+	cursor: pointer;
+	overflow: hidden;
+
+	@include transition(all, 0.15s, ease-in-out);
+
+	&.btn-important {
+		background: $main-first;
+		color: $white;
+
+		// @include transition(all, 0.15s, ease-in-out);
+		&:hover,
+		&:active {
+			background: $main-first-alt;
+		}
 	}
-    }
 
 
-    &.btn-attention {
-	background: $alert-bg;
-	color: #fff;
+	&.btn-attention {
+		background: $alert-bg;
+		color: #fff;
 
-	&:hover,
-	&:active {
-	    background: $alert-text;
+		&:hover,
+		&:active {
+			background: $alert-text;
+		}
 	}
-    }
 
-    &:hover {
-	text-decoration: none;
-    }
+	&:hover {
+		text-decoration: none;
+	}
 }
 
 a.btn {
-    min-height: 25px;
-    line-height: 25px;
+	min-height: 25px;
+	line-height: 25px;
 }
 
 /*=== Forms */
 legend {
-    display: inline-block;
-    width: auto;
-    margin: 2rem 0 1rem 0;
-    padding: 0;
-    font-size: 1rem;
-    clear: both;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-    font-weight: 700;
+	margin: 2rem 0 1rem 0;
+	padding: 0;
+	display: inline-block;
+	width: auto;
+	font-size: 1rem;
+	clear: both;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	font-weight: 700;
 }
+
 label {
-    min-height: 25px;
-    padding: 5px 0;
-    cursor: pointer;
-    color: $grey-dark;
+	min-height: 25px;
+	padding: 5px 0;
+	cursor: pointer;
+	color: $grey-dark;
 }
+
 textarea {
-    width: 360px;
-    height: 100px;
+	width: 360px;
+	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: $white;
-    border: 1px solid $grey-light;
-    font-size: 1rem;
-    color: $grey-dark;
-    border-radius: 2px;
+	padding: 5px 10px;
+	background: $white;
+	color: $grey-dark;
+	font-family: "lato", "Helvetica", "Arial", sans-serif;
+	font-size: 1rem;
+	border: 1px solid $grey-light;
+	border-radius: 2px;
+	min-height: 25px;
+	line-height: 25px;
+	vertical-align: middle;
 }
+
 option {
-    padding: 0 .5em;
+	padding: 0 .5em;
 }
+
 input:focus, select:focus, textarea:focus {
-    color: $main-font-color;
-    border-color: $main-first;
+	color: $main-font-color;
+	border-color: $main-first;
 }
+
 input:invalid, select:invalid {
-    color: $alert-bg;
-    border-color: $alert-bg;
-    box-shadow: none;
+	color: $alert-bg;
+	border-color: $alert-bg;
+	box-shadow: none;
 }
+
 input:disabled, select:disabled {
-    background: $grey-light;
+	background: $grey-light;
 }
+
 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;
-    border-radius: 3px;
+	padding: 5px;
+	border-radius: 3px;
 
-    &::after {
-	content: "";
-	display: block;
-	clear: both;
-    }
-    &:hover {
-	// background: #fff;
-	// 	border: 1px solid #eee;
-	// 	border-radius: 3px;
-	// 	border: 1px solid #eee;
-    }
-    .group-name {
-	padding: 10px 0;
-	text-align: right;
-    }
-    .group-controls {
-	min-height: 25px;
-	padding: 5px 0;
-    }
-    .group-controls .control {
-	line-height: 2.0em;
-    }
-    table {
-	margin: 10px 0 0 220px;
-    }
-
-    &.form-actions {
-	margin: 15px 0 25px;
-	padding: 5px 0;
-	// background: #333;
-    }
-    &.form-actions .btn {
-	margin: 0 0.5rem 0 0;
-    }
+	&::after {
+		content: "";
+		display: block;
+		clear: both;
+	}
+
+	&:hover {
+		// background: #fff;
+		// 	border: 1px solid #eee;
+		// 	border-radius: 3px;
+		// 	border: 1px solid #eee;
+	}
+
+	.group-name {
+		padding: 10px 0;
+		text-align: right;
+	}
+
+	.group-controls {
+		min-height: 25px;
+		padding: 5px 0;
+	}
+
+	.group-controls .control {
+		line-height: 2.0em;
+	}
+
+	table {
+		margin: 10px 0 0 220px;
+	}
+
+	&.form-actions {
+		margin: 15px 0 25px;
+		padding: 5px 0;
+		// background: #333;
+	}
+
+	&.form-actions .btn {
+		margin: 0 0.5rem 0 0;
+	}
 }
 
 

p/themes/Ansum/_global-view.scss

@@ -1,80 +1,83 @@
 /*=== GLOBAL VIEW */
 /*================*/
+#stream {
+	.box.category {
+		&:not([data-unread="0"]) .box-title {
+			// background: #3498db;
+		}
 
-#stream{
-    .box.category{
-
-	&:not([data-unread="0"]) .box-title {
-	    // background: #3498db;
-	}
-	&:not([data-unread="0"]) .box-title:active {
-	    // background: #2980b9;
-	}
-	&:not([data-unread="0"]) .box-title .title {
-	    font-weight: bold;
-	    // color: #fff;
-	}
-	
-	.box-title{
-	    background: none;
-	    padding: 1.5rem;
-	    
-	    a.title{
-		font-weight: normal;
-		text-decoration: none;
-		text-align: left;
-		font-size: 1rem;
-		text-transform: uppercase;
-		letter-spacing: 1px;
-		color: $grey-dark;
+		&:not([data-unread="0"]) .box-title:active {
+			// background: #2980b9;
+		}
 
-		&:not([data-unread="0"])::after {
-		    position: absolute;
-		    top: 1.75rem;
-		    right: 0;
-		    line-height: 1.5rem;
-		    background: $grey-light;
-		    border-radius: 12px;
-		    padding: 0 0.75rem;
-		    margin: -0.5rem 1rem 0 0;
-		    text-align: center;
+		&:not([data-unread="0"]) .box-title .title {
+			font-weight: bold;
+			// color: #fff;
 		}
-		&:hover{
-		    color: $main-first;
+
+		.box-title {
+			padding: 1.5rem;
+			background: none;
+
+			a.title {
+				color: $grey-dark;
+				font-size: 1rem;
+				font-weight: normal;
+				text-decoration: none;
+				text-align: left;
+				text-transform: uppercase;
+				letter-spacing: 1px;
+
+				&:not([data-unread="0"])::after {
+					margin: -0.5rem 1rem 0 0;
+					padding: 0 0.75rem;
+					background: $grey-light;
+					border-radius: 12px;
+					position: absolute;
+					top: 1.75rem;
+					right: 0;
+					line-height: 1.5rem;
+					text-align: center;
+				}
+
+				&:hover {
+					color: $main-first;
+				}
+			}
 		}
-	    }
-	}
 
-	.box-content{
-	    padding-bottom: 0.5rem;
-	    .item.feed {
-		// padding: 2px 10px;
-		font-size: 1rem;
-		padding: 0.5rem 1.5rem;
-		
-		a{
-		    color: $main-font-color;
-		    font-weight: 400;
+		.box-content {
+			padding-bottom: 0.5rem;
+
+			.item.feed {
+				padding: 0.5rem 1.5rem;
+				// padding: 2px 10px;
+				font-size: 1rem;
 
-		    &:hover{
-			color: $main-first;
-			text-decoration: none;
-		    }
+				a {
+					color: $main-font-color;
+					font-weight: 400;
+
+					&:hover {
+						color: $main-first;
+						text-decoration: none;
+					}
+				}
+			}
 		}
-	    }
-	}	
-    }   
+	}
 }
 
 
 // le panel qui apparait en overlay pour afficher les flux
-#overlay{
-    background: rgba(0, 0, 0, 0.65);
+#overlay {
+	background: rgba(0, 0, 0, 0.65);
 }
-#panel{
-    top: 3rem;
-    right: 3rem;
-    bottom: 3rem;
-    left: 3rem;
-    border-radius: 3px;
+
+#panel {
+	top: 3rem;
+	right: 3rem;
+	bottom: 3rem;
+	left: 3rem;
+	border-radius: 3px;
 }

p/themes/Ansum/_layout.scss

@@ -2,118 +2,117 @@
 /*===============*/
 /*=== Header */
 .header {
-    background: $sid-bg;
-    padding: 0.5rem 1.35rem;
-    display: block;
-    table-layout: none;
-    width: auto;
-
-    .item{
-	vertical-align: middle;
-	// text-align: center;
-	// display: flex;
-	// justify-content: space-between;
-	// flex-direction: row;
-	
-	&.title{
-
-	    font-weight: 400;
-	    width: 280px;
-	    
-	    h1{
-		a{
-		    text-decoration: none;
-		    color: $sid-font-color;
-		    font-size: 1rem;
-		    text-transform: uppercase;
-		    letter-spacing: 1px;
-		    
-		    img{
-			margin-right: 0.5rem;
-
-		    }
+	padding: 0.5rem 1.35rem;
+	background: $sid-bg;
+	display: block;
+	width: auto;
+	table-layout: none;
+
+	.item {
+		vertical-align: middle;
+		// text-align: center;
+		// display: flex;
+		// justify-content: space-between;
+		// flex-direction: row;
+		&.title {
+			width: 280px;
+
+			font-weight: 400;
+
+			h1 {
+				a {
+					text-decoration: none;
+					color: $sid-font-color;
+					font-size: 1rem;
+					text-transform: uppercase;
+					letter-spacing: 1px;
+
+					img {
+						margin-right: 0.5rem;
+
+					}
+				}
+			}
 		}
-	    }
-	}
-	&.search{
-	    // text-align: center;
-	    // width: 50%;
 
-	    input{
-		width: 230px;
-		border-radius: 2px 0 0 2px;
-		background-color: $sid-bg-alt;
-		color: $sid-font-color;
-		border: none;
+		&.search {
+			// text-align: center;
+			// width: 50%;
+			input {
+				width: 230px;
+				color: $sid-font-color;
+				border: none;
+				border-radius: 2px 0 0 2px;
+				background-color: $sid-bg-alt;
 
-		@include transition(all, 0.15s, ease-in-out);
+				@include transition(all, 0.15s, ease-in-out);
 
-		&:hover{
-		    background-color: $sid-bg-dark;
-		}
-		
-		&:focus{
-		    width: 350px;
+				&:hover {
+					background-color: $sid-bg-dark;
+				}
 
-		    background-color: $white;
-		    color: $grey-dark;
-		}
-	    }
-	    .btn{
-		img{display: none;}
-		border-radius: 0 2px 2px 0;
+				&:focus {
+					width: 350px;
+					color: $grey-dark;
 
-		background-color: $main-first;
-		background-position: center;
-		background-repeat: no-repeat;
-		background-image: url(icons/magnifier.svg);
-		
-		border-left-width: 0;
+					background-color: $white;
+				}
+			}
 
-		width: 3rem;
-		min-height: 35px;
+			.btn {
+				img {display: none;}
 
-		&:hover{
-		    background-color: $main-first-alt;
-		}
-	    }
-	}
-	&.configure{
-	    width: 2rem;
-	    position: absolute;
-	    right: 1rem;
-	    top: 1.25rem;
-	    text-align: center;
-	    // float: right;
-	    
-	    .btn{
-		img{display: none;}
-		// border-radius: 0 2px 2px 0;
-
-		background-color: transparent;
-		background-position: center;
-		background-repeat: no-repeat;
-		background-image: url(icons/cog.svg);
+				width: 3rem;
+				border-radius: 0 2px 2px 0;
+
+				background-color: $main-first;
+				background-position: center;
+				background-repeat: no-repeat;
+				background-image: url(icons/magnifier.svg);
 
-		padding: 0 0.5rem;
-		
-		// border-left-width: 0;
+				border-left-width: 0;
+				min-height: 35px;
 
-		// width: 3rem;
+				&:hover {
+					background-color: $main-first-alt;
+				}
+			}
+		}
 
-		&:hover{
-		    // background-color: $main-first-alt;
+		&.configure {
+			width: 2rem;
+			position: absolute;
+			right: 1rem;
+			top: 1.25rem;
+			text-align: center;
+			// float: right;
+			.btn {
+				img {display: none;}
+
+				padding: 0 0.5rem;
+				// border-radius: 0 2px 2px 0;
+
+				background-color: transparent;
+				background-position: center;
+				background-repeat: no-repeat;
+				background-image: url(icons/cog.svg);
+
+				// border-left-width: 0;
+
+				// width: 3rem;
+				&:hover {
+					// background-color: $main-first-alt;
+				}
+			}
 		}
-	    }
 	}
-    }
 
-    
+
 }
 
 /*=== Body */
 #global {
-    height: calc(100% - 85px);
+	height: calc(100% - 85px);
 }
 
 
@@ -121,342 +120,352 @@
 
 /*=== Prompt (centered) */
 .prompt {
-    text-align: center;
+	text-align: center;
 }
+
 .prompt label {
-    text-align: left;
+	text-align: left;
 }
+
 .prompt form {
-    margin: 10px auto 20px auto;
-    width: 200px;
+	margin: 10px auto 20px auto;
+	width: 200px;
 }
+
 .prompt input {
-    margin: 5px auto;
-    width: 100%;
+	margin: 5px auto;
+	width: 100%;
 }
+
 .prompt p {
-    margin: 20px 0;
+	margin: 20px 0;
 }
 
 /*=== New article notification */
 #new-article {
-    text-align: center;
-    font-size: 1rem;
-    background: $main-first;
+	background: $main-first;
+	font-size: 1rem;
+	text-align: center;
 }
+
 #new-article:hover {
-    background: $main-first-alt;
+	background: $main-first-alt;
 }
+
 #new-article > a {
-    line-height: 3em;
-    font-weight: bold;
-    color: $white;
+	line-height: 3em;
+	font-weight: bold;
+	color: $white;
 }
+
 #new-article > a:hover {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 /*=== Day indication */
 .day {
-    padding: 1rem 0 0 1.25rem;
-    font-weight: 700;
-    line-height: 3em;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    font-size: 0.875rem;
-    color: $light-font-color;
-    // border-left: 2px solid #ecf0f1;
-
-    .name{
-	padding: 0 1rem 0 1rem;
+	padding: 1rem 0 0 1.25rem;
+	color: $light-font-color;
 	font-size: 0.875rem;
-	// font-weight: 700;
-	color: $main-font-color;
-	position: relative;
-	left: 0;
-	
-	// letter-spacing: 1px;
+	font-weight: 700;
+	line-height: 3em;
+	letter-spacing: 1px;
 	text-transform: uppercase;
-    }
+	// border-left: 2px solid #ecf0f1;
+	.name {
+		padding: 0 1rem 0 1rem;
+		// font-weight: 700;
+		color: $main-font-color;
+		font-size: 0.875rem;
+		position: relative;
+		left: 0;
+
+		// letter-spacing: 1px;
+		text-transform: uppercase;
+	}
 }
 
 /*=== Index menu */
 .nav_menu {
-    text-align: center;
-    padding: 5px 0;
-
-    .btn{
-	border-left-width: 0;
-	padding: 0.5rem 1rem;
-	background-color: $grey-lighter;
-	background-position: center;
-	background-repeat: no-repeat;
-
-	&:hover{
-	    background-color: $grey-light;
-	}
-    }
-  
-    .stick{
-	background: $grey-lighter;
-	
-	.btn{
-	    border-left-width: 0;
-	    padding: 0.5rem 1rem;
-	    background-color: $grey-lighter;
-	    background-position: center;
-	    background-repeat: no-repeat;
-	    @include transition(all, 0.15s, ease-in-out);
-
-	    &:hover{
-		background-color: $grey-medium-light;
-	    }
-
-	    &.active{
-		background-color: $main-first;
-	    }
-	    
-	    img.icon{display: none;} // on efface pour afficher nos icones, mouhahaha !!
-
-
-	    // actions
-	    &#toggle-read{
-		background-image: url(icons/read.svg);
-	    }
-	    &#toggle-read.active{
-		background-image: url(icons/read-white.svg);
-	    }
-	    
-	    &#toggle-unread{
-		background-image: url(icons/unread.svg);
-	    }
-	    &#toggle-unread.active{
-		background-image: url(icons/unread-white.svg);
-	    }
-
-	    &#toggle-starred{
-		background-image: url(icons/starred.svg);
-	    }
-	    &#toggle-starred.active{
-		background-image: url(icons/starred-white.svg);
-	    }
-
-	    &#toggle-non-starred{
-		background-image: url(icons/non-starred.svg);
-	    }
-	    &#toggle-non-starred.active{
-		background-image: url(icons/non-starred-white.svg);
-	    }
-
-	    // read all
-	    &.read_all{
+	text-align: center;
+	padding: 5px 0;
+
+	.btn {
+		border-left-width: 0;
+		padding: 0.5rem 1rem;
 		background-color: $grey-lighter;
-		// min-height: 0;
-		color:$main-font-color;
-		padding: 5px 16px;
-		@include transition(all, 0.15s, ease-in-out);
+		background-position: center;
+		background-repeat: no-repeat;
 
-		&:hover{
-		    background-color: $grey-medium-light;
+		&:hover {
+			background-color: $grey-light;
 		}
-	    }
-
-	    // views
-	    &.view-normal{
-		background-image: url(icons/view-list.svg);
-	    }
-	    &.view-normal.active{
-		background-image: url(icons/view-list-white.svg);
-	    }
-
-	    &.view-global{
-		background-image: url(icons/view-global.svg);
-	    }
-	    &.view-global.active{
-		background-image: url(icons/view-global-white.svg);
-	    }
-
-	    &.view-reader{
-		background-image: url(icons/view-reader.svg);
-	    }
-	    &.view-reader.active{
-		background-image: url(icons/view-reader-white.svg);
-	    }
-
-	    &.view-rss{
-		background-image: url(icons/rss.svg);
-	    }
-	    
-	}
-	.dropdown {
-	    a.dropdown-toggle{
-		border-left-width: 0;
-		background-image: url(icons/more.svg);
-	    }
-	}
-	
-	&#nav_menu_action{
-	    
 	}
-	&#nav_menu_read_all{
-	    
-	}
-	&#nav_menu_views{
-	    
+
+	.stick {
+		background: $grey-lighter;
+
+		.btn {
+			border-left-width: 0;
+			padding: 0.5rem 1rem;
+			background-color: $grey-lighter;
+			background-position: center;
+			background-repeat: no-repeat;
+
+			@include transition(all, 0.15s, ease-in-out);
+
+			&:hover {
+				background-color: $grey-medium-light;
+			}
+
+			&.active {
+				background-color: $main-first;
+			}
+
+			img.icon {display: none;} // on efface pour afficher nos icones, mouhahaha !!
+
+
+			// actions
+			&#toggle-read {
+				background-image: url(icons/read.svg);
+			}
+
+			&#toggle-read.active {
+				background-image: url(icons/read-white.svg);
+			}
+
+			&#toggle-unread {
+				background-image: url(icons/unread.svg);
+			}
+
+			&#toggle-unread.active {
+				background-image: url(icons/unread-white.svg);
+			}
+
+			&#toggle-starred {
+				background-image: url(icons/starred.svg);
+			}
+
+			&#toggle-starred.active {
+				background-image: url(icons/starred-white.svg);
+			}
+
+			&#toggle-non-starred {
+				background-image: url(icons/non-starred.svg);
+			}
+
+			&#toggle-non-starred.active {
+				background-image: url(icons/non-starred-white.svg);
+			}
+
+			// read all
+			&.read_all {
+				padding: 5px 16px;
+				// min-height: 0;
+				color: $main-font-color;
+				background-color: $grey-lighter;
+
+				@include transition(all, 0.15s, ease-in-out);
+
+				&:hover {
+					background-color: $grey-medium-light;
+				}
+			}
+
+			// views
+			&.view-normal {
+				background-image: url(icons/view-list.svg);
+			}
+
+			&.view-normal.active {
+				background-image: url(icons/view-list-white.svg);
+			}
+
+			&.view-global {
+				background-image: url(icons/view-global.svg);
+			}
+
+			&.view-global.active {
+				background-image: url(icons/view-global-white.svg);
+			}
+
+			&.view-reader {
+				background-image: url(icons/view-reader.svg);
+			}
+
+			&.view-reader.active {
+				background-image: url(icons/view-reader-white.svg);
+			}
+
+			&.view-rss {
+				background-image: url(icons/rss.svg);
+			}
+
+		}
+
+		.dropdown {
+			a.dropdown-toggle {
+				border-left-width: 0;
+				background-image: url(icons/more.svg);
+			}
+		}
 	}
-    }
 }
 
 
 #dropdown-query ~ .dropdown-menu .dropdown-header .icon {
-    vertical-align: middle;
-    background-color: $grey-medium-dark;
-    border-radius: 3px;
+	vertical-align: middle;
+	background-color: $grey-medium-dark;
+	border-radius: 3px;
 }
 
 
 /*=== Content of feed articles */
 .content, .content.thin {
-    padding: 20px 10px;
+	padding: 20px 10px;
 
-    font-size: 1.125rem;
-    line-height: 1.8rem;
+	font-size: 1.125rem;
+	line-height: 1.8rem;
 
-    h1.title, h1{
+	h1.title, h1 {
+		a {
+			color: $main-font-color;
+			font-family: "spectral", serif;
+			font-size: 2rem;
 
-	a{
-	    color: $main-font-color;
-	    font-family: "spectral";
-	    font-size: 2rem;
+			&:hover {
+				color: $main-first;
+				text-decoration: none;
+			}
+		}
+	}
 
-	    &:hover{
-		color: $main-first;
-		text-decoration: none;
-	    }
+	.author {
+		color: $light-font-color;
+		font-size: 1.125rem;
+	}
+
+	p, ul {
+		font-size: 1.125rem;
+		line-height: 1.8rem;
+	}
+
+	.content hr {
+		margin: 30px 10px;
+		background: $grey-medium-light;
+		height: 1px;
+		border: 0;
+		box-shadow: 0 2px 5px #ccc;
+	}
+
+	pre {
+		margin: 10px auto;
+		padding: 10px 20px;
+		overflow: auto;
+		background: $main-first-darker;
+		color: $white;
+		font-size: 0.9rem;
+		border-radius: 3px;
+
+		code {
+			background: transparent;
+			color: $white;
+			border: none;
+		}
 	}
-    }
-    .author{
-	font-size: 1.125rem;
-	color: $light-font-color;
-    }
-    p, ul{
-	font-size: 1.125rem;
-	line-height: 1.8rem;
-    }
-    hr{
-    }
-    .content hr {
-	margin: 30px 10px;
-	height: 1px;
-	background: $grey-medium-light;
-	border: 0;
-	box-shadow: 0 2px 5px #ccc;
-    }
-
-    pre {
-	margin: 10px auto;
-	padding: 10px 20px;
-	overflow: auto;
-	background: $main-first-darker;
-	color: $white;
-	font-size: 0.9rem;
-	border-radius: 3px;
 
 	code {
-	    background: transparent;
-	    color: $white;
-	    border: none;
+		padding: 2px 5px;
+		background: $grey-lighter;
+		color: $grey-light;
+		border: 1px solid $grey-light;
+		border-radius: 3px;
 	}
-    }
-    code {
-	padding: 2px 5px;
-	color: $grey-light;
-	background: $grey-lighter;
-	border: 1px solid $grey-light;
-	border-radius: 3px;
-    }
 
 
-    blockquote {
-	display: block;
-	margin: 0;
-	padding: 5px 20px;
-	border-top: 1px solid $grey-medium-light;
-	border-bottom: 1px solid $grey-medium-light;
-	background: $grey-lighter;
-	color: $main-font-color;
-
-	p {
-	    margin: 0;
+	blockquote {
+		margin: 0;
+		padding: 5px 20px;
+		background: $grey-lighter;
+		display: block;
+		color: $main-font-color;
+		border-top: 1px solid $grey-medium-light;
+		border-bottom: 1px solid $grey-medium-light;
+
+		p {
+			margin: 0;
+		}
 	}
-    }
 
 }
 
 
 /*=== Notification and actualize notification */
 .notification {
-    position: fixed;
-    top: auto;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: 3rem;
-    
-    padding: 1rem 0;
-    text-align: center;
-    // font-weight: bold;
-    font-size: 1em;
-    line-height: 3em;
-    z-index: 10;
-    vertical-align: middle;
-    background: $grey-medium-light;
-    color: $grey-dark;
-    // border-radius: 3px;
-    border: none;
-
-    .msg{
-	font-size: 1rem;
-	display: inline-block;
-    }
-    
-    &.good {
-	background: $success-bg;
-	color: $white;
-    }
-    &.bad {
-	background: $alert-bg;
-	color: $white;
-    }
-    a.close {
-	padding: 0 15px;
+
+	padding: 1rem 0;
+	background: $grey-medium-light;
+	width: 100%;
+	height: 3rem;
+	color: $grey-dark;
+	// font-weight: bold;
+	font-size: 1em;
+	// border-radius: 3px;
+	border: none;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	text-align: center;
 	line-height: 3em;
-	border-radius: 0 3px 3px 0;
-    }
-    
-    &.good a.close:hover {
-	background: $success-text;
-    }
-    &.bad a.close:hover {
-	background: $alert-text;
-    }
-
-    &#actualizeProgress {
-	line-height: 2em;
-
-	br{
-	    display: none;
+	z-index: 10;
+	vertical-align: middle;
+
+	.msg {
+		display: inline-block;
+		font-size: 1rem;
+	}
+
+	&.good {
+		background: $success-bg;
+		color: $white;
+	}
+
+	&.bad {
+		background: $alert-bg;
+		color: $white;
+	}
+
+	a.close {
+		padding: 0 15px;
+		border-radius: 0 3px 3px 0;
+		line-height: 3em;
+	}
+
+	&.good a.close:hover {
+		background: $success-text;
+	}
+
+	&.bad a.close:hover {
+		background: $alert-text;
+	}
+
+	&#actualizeProgress {
+		line-height: 2em;
+
+		br {
+			display: none;
+		}
 	}
-    }
 }
 
 
 /*=== Navigation menu (for articles) */
 #nav_entries {
-    margin: 0;
-    text-align: center;
-    line-height: 3em;
-    table-layout: fixed;
-    background: $sid-bg;
+	margin: 0;
+	text-align: center;
+	line-height: 3em;
+	table-layout: fixed;
+	background: $sid-bg;
 }

p/themes/Ansum/_list-view.scss

@@ -1,92 +1,96 @@
 /*=== Feed articles */
 .flux {
-    // border-left: 2px solid #ecf0f1;
-    background: $white;
+	// border-left: 2px solid #ecf0f1;
+	background: $white;
 
-    @include transition(all, 0.15s, ease-in-out);
-    
-    &:hover{
-	background: $grey-lighter;
+	@include transition(all, 0.15s, ease-in-out);
 
-	&:not(.current):hover .item.title {
-	    background: $grey-lighter;
+	&:hover {
+		background: $grey-lighter;
 
-	    
-	}
-    }
-    &.current{
-	border-left-color: $main-first;
-	background: $white;
-    }
-    &.not_read{
-	background: $unread-bg; //--------------------
-	// border-left-color: #FF5300;	
+		&:not(.current):hover .item.title {
+			background: $grey-lighter;
 
-	&:hover{
-	    background: $unread-bg-light; //--------------------
-	}
-	
-	&:not(.current):hover .item.title {
-	    background: $unread-bg-light;
 
-	    
+		}
 	}
-	.item.title{
-	    a{
-		color: $unread-font-color; //--------------------	
-	    }
-	    
+
+	&.current {
+		background: $white;
+		border-left-color: $main-first;
 	}
-	.item.website{
-	    a{
-		color: $unread-font-color; //--------------------	
-	    }
+
+	&.not_read {
+		background: $unread-bg; //--------------------
+		// border-left-color: #FF5300;
+		&:hover {
+			background: $unread-bg-light; //--------------------
+		}
+
+		&:not(.current):hover .item.title {
+			background: $unread-bg-light;
+
+
+		}
+
+		.item.title {
+			a {
+				color: $unread-font-color; //--------------------
+			}
+
+		}
+
+		.item.website {
+			a {
+				color: $unread-font-color; //--------------------
+			}
+		}
+
+		.item.date {
+			color: unquote($unread-font-color+"99"); //--------------------
+		}
 	}
-	.item.date{
-	    color: unquote($unread-font-color+"99"); //--------------------
+
+	&.favorite {
+		background: $fav-light;
+		border-left-color: $fav-bg;
+
+		@include transition(all, 0.15s, ease-in-out);
+
+		&:not(.current):hover .item.title {
+			background: $fav-light;
+		}
 	}
-}
-    
-    &.favorite {
-	background: $fav-light;
-	border-left-color: $fav-bg;
 
-	@include transition(all, 0.15s, ease-in-out);
+	.website {
+		a {
+			color: $main-font-color;
+			opacity: 0.75;
+		}
 
-	&:not(.current):hover .item.title {
-	    background: $fav-light;
+		.favicon {
+			padding: 5px;
+		}
 	}
-    }
 
-    .website{
-	a{
-	    color: $main-font-color;
-	    opacity: 0.75;
+	.date {
+		color: $main-font-color;
+		font-size: 0.85rem;
+		opacity: 0.75;
 	}
-	
-	.favicon {
-	    padding: 5px;
+
+	.bottom {
+		font-size: 1rem;
+		text-align: center;
 	}
-    }
-    .date {
-	font-size: 0.85rem;
-	color: $main-font-color;
-	opacity: 0.75;
-    }
-
-    .bottom {
-	font-size: 1rem;
-	text-align: center;
-    }
 }
 
 .flux_header {
-    font-size: 1rem;
-    cursor: pointer;
-    border-top: 1px solid $grey-light;
-
-    .title {
 	font-size: 1rem;
-    }
-}
+	cursor: pointer;
+	border-top: 1px solid $grey-light;
 
+	.title {
+		font-size: 1rem;
+	}
+}

p/themes/Ansum/_logs.scss

@@ -4,13 +4,14 @@
 	overflow: hidden;
 	border: 1px solid $grey-medium-dark;
 }
+
 .log {
 	margin: 10px 0;
 	padding: 5px 2%;
-	overflow: auto;
-	font-size: 0.8rem;
 	background: $grey-lighter;
 	color: $grey-dark;
+	font-size: 0.8rem;
+	overflow: auto;
 }
 
 .log > .date {
@@ -18,16 +19,20 @@
 	padding: 5px 10px;
 	border-radius: 20px;
 }
+
 .log.error > .date {
 	background: $alert-bg;
 	color: #fff;
 }
+
 .log.warning > .date {
 	background: $warning-bg;
 }
+
 .log.notice > .date {
 	background: $grey-light;
 }
+
 .log.debug > .date {
 	background: $main-first-darker;
 	color: $white;

p/themes/Ansum/_mixins.scss

@@ -1,57 +1,69 @@
+/* stylelint-disable property-no-vendor-prefix */
+
 /* FUNCTIONS */
 
 //animation
+
 @mixin transition($target, $duration, $ease) {
-    -webkit-transition: $target $duration $ease;
-    -moz-transition: $target $duration $ease;
-    -o-transition: $target $duration $ease;
-    transition: $target $duration $ease;
+	-webkit-transition: $target $duration $ease;
+	-moz-transition: $target $duration $ease;
+	-o-transition: $target $duration $ease;
+	transition: $target $duration $ease;
 }
 
 //animation
+
 @mixin animation-delay($delay) {
-    -webkit-animation-delay: $delay;
-    /* Safari 4.0 - 8.0 */
-    animation-delay: $delay;
+	-webkit-animation-delay: $delay;
+	/* Safari 4.0 - 8.0 */
+	animation-delay: $delay;
 }
 
 //animation
+
 @mixin animation($animate...) {
-    $max: length($animate);
-    $animations: '';
-    @for $i from 1 through $max {
-        $animations: #{$animations + nth($animate, $i)};
-        @if $i < $max {
-            $animations: #{$animations + ", "};
-        }
-    }
-    -webkit-animation: $animations;
-    -moz-animation: $animations;
-    -o-animation: $animations;
-    animation: $animations;
+	$max: length($animate);
+	$animations: '';
+
+	@for $i from 1 through $max {
+		$animations: #{$animations + nth($animate, $i)};
+
+		@if $i < $max {
+			$animations: #{$animations + ", "};
+		}
+	}
+	-webkit-animation: $animations;
+	-moz-animation: $animations;
+	-o-animation: $animations;
+	animation: $animations;
 }
 
 //keyframes
+
 @mixin keyframes($animationName) {
-    @-webkit-keyframes #{$animationName} {
-        @content;
-    }
-    @-moz-keyframes #{$animationName} {
-        @content;
-    }
-    @-o-keyframes #{$animationName} {
-        @content;
-    }
-    @keyframes #{$animationName} {
-        @content;
-    }
+
+	@-webkit-keyframes #{$animationName} {
+		@content;
+	}
+
+	@-moz-keyframes #{$animationName} {
+		@content;
+	}
+
+	@-o-keyframes #{$animationName} {
+		@content;
+	}
+
+	@keyframes #{$animationName} {
+		@content;
+	}
 }
 
-@mixin border-radius($radius: 4px){
-  -moz-border-radius: $radius;
-  -webkit-border-radius: $radius;
-  -ms-border-radius: $radius;
-  -o-border-radius: $radius;
-  -khtml-border-radius: $radius;
-  border-radius: $radius;
+@mixin border-radius($radius: 4px) {
+	-moz-border-radius: $radius;
+	-webkit-border-radius: $radius;
+	-ms-border-radius: $radius;
+	-o-border-radius: $radius;
+	-khtml-border-radius: $radius;
+	border-radius: $radius;
 }

p/themes/Ansum/_mobile.scss

@@ -1,170 +1,186 @@
 /*=== MOBILE */
 /*===========*/
-@media(max-width: 840px) {
-    html, body{
-	// font-size: 1rem;
-    }
-    ul.nav{
-	.item{
-	    width: 100%;
-	    
-	    img{
-		display: none;
-	    }
-	    a{
-		display: inline-block;
-		padding: 1rem 1rem 1rem 2.5rem;
-		color: $sid-font-color;
-		width: 100%;
-		
-		background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center;
+
+@media (max-width: 840px) {
+	html, body {
+		// font-size: 1rem;
+	}
+
+	ul.nav {
+		.item {
+			width: 100%;
+
+			img {
+				display: none;
+			}
+
+			a {
+				padding: 1rem 1rem 1rem 2.5rem;
+
+				background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center;
+				display: inline-block;
+				width: 100%;
+				color: $sid-font-color;
+
+				@include transition(all, 0.2s, ease-in-out);
+
+				&:hover,
+				&:active {
+					background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center;
+					text-decoration: none;
+					color: $white;
+				}
+			}
+
+		}
+
+	}
+
+	.aside {
 
 		@include transition(all, 0.2s, ease-in-out);
 
-		&:hover,
-		&:active{
-		    background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center;
-		    text-decoration: none;
-		    color: $white;
+		&.aside_feed {
+			padding: 0;
 		}
-	    }
 
+		.tree .tree-folder .tree-folder-items .item a {
+			padding: 0.5rem 1rem;
+		}
 	}
-	
-    }
-    .aside {
-	@include transition(all, 0.2s, ease-in-out);
-	
-	&.aside_feed {
-	    padding: 0;
+
+	.aside .toggle_aside,
+	#panel .close {
+		background: $main-first-alt;
+		display: block;
+		width: 100%;
+		height: 50px;
+		line-height: 50px;
+		text-align: center;
 	}
 
-	.tree .tree-folder .tree-folder-items .item a{
-	    padding: 0.5rem 1rem;
+	.header {
+		padding: 0.5rem;
+
+		.item {
+			&.title {
+				display: none;
+			}
+
+			&.search {
+				input {
+					width: 90%;
+					height: 3.5rem;
+
+					&:focus {
+						width: 100%;
+
+					}
+				}
+
+				.btn {
+					min-height: 49px;
+					padding: 0.5rem 2rem;
+				}
+			}
+
+			&.configure {
+				width: 2.75rem;
+				top: 3.125rem;
+
+				.dropdown {
+					.btn {
+						padding: 1.125rem;
+					}
+				}
+			}
+		}
 	}
-    }
-    .aside .toggle_aside,
-    #panel .close {
-	display: block;
-	width: 100%;
-	height: 50px;
-	line-height: 50px;
-	text-align: center;
-	background: $main-first-alt;
-    }
-
-    .header{
-	padding: 0.5rem;
-	.item{
-	    &.title{
-		display: none;
-	    }
-	    
-	    &.search{
-		input{
-		    width: 90%;
-		    height: 3.5rem;
-		    
-		    &:focus{
-			width: 100%;
 
-		    }
+	.nav_menu {
+		.btn {
+			margin: 0;
+			padding: 0.85rem 1.25rem;
 		}
-		.btn{
-		    min-height: 49px;
-		    padding: 0.5rem 2rem;
+
+		.stick {
+			margin: 0.5rem 0.5rem;
+
+			.btn {
+				margin: 0;
+				padding: 0.85rem 1.25rem;
+
+				&.read_all {
+					padding: 0.85rem 1.25rem;
+				}
+			}
 		}
-	    }
-	    &.configure{
-		width: 2.75rem;
-		top: 3.125rem;
-		.dropdown{
-		    .btn{
-			padding: 1.125rem;
-		    }
+
+		.search {
+			display: none;
+			max-width: 97%;
+
+			.input {
+
+				max-width: 97%;
+				width: 90px;
+
+				&:focus {
+					width: 400px;
+				}
+			}
 		}
-	    }
-	}
-    }
-    
-    .nav_menu{
-	.btn {
-	    margin: 0;
-	    padding: 0.85rem 1.25rem;
 	}
-	.stick {
-	    margin: 0.5rem 0.5rem;
 
-	    .btn{
-		margin: 0;
-		padding: 0.85rem 1.25rem;
-
-		&.read_all{
-		    padding: 0.85rem 1.25rem;
+	#stream {
+		.flux {
+			.flux_header {
+				padding: 0.5rem 0;
+			}
 		}
-	    }
 	}
-	.search {
-	    display: none;
-	    max-width: 97%;
 
-	    .input{
 
-		max-width: 97%;
-		width: 90px;
 
-		&::focus{
-		   width: 400px; 
+	.day {
+		text-align: center;
+		padding: 1rem 0;
+
+		.name {
+			padding: 0;
+			// font-size: 1.1rem;
+			display: block;
+			width: 100%;
+			line-height: 1.5rem;
+			margin-bottom: 1rem;
 		}
-	    }
+
 	}
-    }
-    #stream{
-	.flux{
-	    .flux_header{
-		padding: 0.5rem 0;
-	    }
+
+	.pagination {
+		margin: 0 0 3.5em;
 	}
-    }
-    
-    
-
-    .day{
-	text-align: center;
-	padding: 1rem 0;
-	.name {
-	    // font-size: 1.1rem;
-	    display: block;
-	    padding: 0;
-	    width: 100%;
-	    line-height: 1.5rem;
-	    margin-bottom: 1rem;
+
+	#nav_entries {
+		line-height: 4.5rem;
 	}
 
-    }
+	.notification {
+		border-radius: 0;
 
-    .pagination {
-	margin: 0 0 3.5em;
-    }
+		a.close {
+			background: transparent;
+			display: block;
+			left: 0;
+		}
 
-    #nav_entries{
-	line-height: 4.5rem;
-    }
+		a.close:hover {
+			opacity: 0.5;
+		}
 
-    .notification {
-	border-radius: 0;
+		a.close .icon {
+			display: none;
 
-	a.close {
-	    display: block;
-	    left: 0;
-	    background: transparent;
-	}
-	a.close:hover {
-	    opacity: 0.5;
-	}
-	a.close .icon {
-	    display: none;
-	    
+		}
 	}
-    }
 }

p/themes/Ansum/_reader-view.scss

@@ -6,8 +6,9 @@
 	color: $main-font-color;
 	border: none;
 }
+
 #stream.reader .flux .author {
 	margin: 0 0 10px;
-	font-size: 90%;
 	color: $grey-medium-dark;
+	font-size: 90%;
 }

p/themes/Ansum/_sidebar.scss

@@ -1,142 +1,141 @@
 /*=== Tree */
 .tree {
-    margin: 10px 0;
-
-    &#sidebar{
-	scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05);
-	scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22");
-
-	
-    }
-    
-    
-    .tree-folder{
-	border-bottom: 1px solid $sid-sep;
-
-	-moz-box-shadow:    inset -1px -11px 8px #00000033;
-	-webkit-box-shadow: inset -1px -11px 8px #00000033;
-	box-shadow:         inset -1px -11px 8px #00000033;
-
-	.tree-folder-title {
-	    position: relative;
-	    background: $sid-bg;
-	    font-size: 0.85rem;
-	    letter-spacing: 1px;
-	    padding: 12px 16px;
-	    font-weight: 700;
-	    text-transform: uppercase;
-
-	    .title {
-		background: inherit;
-		color: $sid-font-color;
-		&:hover{
-		    text-decoration: none;		
-		}
-	    }    
-	}
-	&.active {
-	    .tree-folder-title {
-		background: $sid-bg;
-		font-weight: bold;
-	    }
+	margin: 10px 0;
+
+	&#sidebar {
+		scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05);
+		scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22");
 	}
-	.tree-folder-items {
-	    background: $sid-bg-alt;
 
-	    .item{
-		padding: 0 1rem;
-		line-height: 2.5rem;
-		font-size: 1rem;
-		font-weight: 400;
-		@include transition(all, 0.15s, ease-in-out);
+	.tree-folder {
+		border-bottom: 1px solid $sid-sep;
+		box-shadow: inset -1px -11px 8px #0003;
+
+		.tree-folder-title {
+			padding: 12px 16px;
+			background: $sid-bg;
+			position: relative;
+			font-size: 0.85rem;
+			letter-spacing: 1px;
+			font-weight: 700;
+			text-transform: uppercase;
+
+			.title {
+				background: inherit;
+				color: $sid-font-color;
+
+				&:hover {
+					text-decoration: none;
+				}
+			}
+		}
 
-		&.active{
-		    background: $sid-active;
+		&.active {
+			.tree-folder-title {
+				background: $sid-bg;
+				font-weight: bold;
+			}
+		}
 
-		    .dropdown li a{
-			color: $main-font-color;
+		.tree-folder-items {
+			background: $sid-bg-alt;
 
-			&:hover{
-			    color: $sid-font-color;
-			}
-		    }
+			.item {
+				padding: 0 1rem;
+				line-height: 2.5rem;
+				font-size: 1rem;
+				font-weight: 400;
 
-		    a{
-			color: $sid-active-font;
-		    }
-		}
+				@include transition(all, 0.15s, ease-in-out);
 
-		&:hover{
-		    background: $sid-bg-dark;
-		}
+				&.active {
+					background: $sid-active;
+
+					.dropdown li a {
+						color: $main-font-color;
+
+						&:hover {
+							color: $sid-font-color;
+						}
+					}
+
+					a {
+						color: $sid-active-font;
+					}
+				}
+
+				&:hover {
+					background: $sid-bg-dark;
+				}
 
-		a{
-		    text-decoration: none;
-		    color: $sid-font-color;
+				a {
+					text-decoration: none;
+					color: $sid-font-color;
+				}
+			}
+
+			.feed .item-title:not([data-unread="0"])::before {
+				margin: 11px 6px 0 4px;
+				padding: 3px 4px;
+				background: $sid-pills;
+				display: block;
+				float: left;
+				font-size: 0.75rem;
+				border-radius: 12px;
+				content: attr(data-unread);
+				text-align: center;
+				line-height: 0.75rem;
+			}
 		}
-	    }
-
-	    .feed .item-title:not([data-unread="0"])::before {
-		content: attr(data-unread);
-		background: $sid-pills;
-		font-size: 0.75rem;
-		display: block;
-		float: left;
-		padding: 3px 4px;
-		text-align:center;
-		border-radius: 12px;
-		margin: 11px 6px 0 4px;
-		line-height: 0.75rem;
-	    }
-	    .feed .item-title:not([data-unread="0"]) {
-		
-	    }
 	}
-    }
 }
 
 /*=== Buttons */
 .stick {
-    vertical-align: middle;
-    font-size: 0;
-
-    input, .btn {
-	border-radius: 0;
-    }
-    .btn:first-child,
-    input:first-child {
-	border-radius: 5px 0 0 5px;
-    }
-    .btn:last-child, input:last-child, .btn + .dropdown > .btn {
-	border-radius: 0 5px 5px 0;
-    }
-    .btn + .btn,
-    .btn + input,
-    .btn + .dropdown > .btn,
-    input + .btn,
-    input + input,
-    input + .dropdown > .btn,
-    .dropdown + .btn,
-    .dropdown + input,
-    .dropdown + .dropdown > .btn {
-	border-left: 1px solid $grey-medium-light;
-    }
+	vertical-align: middle;
+	font-size: 0;
+
+	input, .btn {
+		border-radius: 0;
+	}
+
+	.btn:first-child,
+	input:first-child {
+		border-radius: 5px 0 0 5px;
+	}
+
+	.btn:last-child, input:last-child, .btn + .dropdown > .btn {
+		border-radius: 0 5px 5px 0;
+	}
+
+	.btn + .btn,
+	.btn + input,
+	.btn + .dropdown > .btn,
+	input + .btn,
+	input + input,
+	input + .dropdown > .btn,
+	.dropdown + .btn,
+	.dropdown + input,
+	.dropdown + .dropdown > .btn {
+		border-left: 1px solid $grey-medium-light;
+	}
 
 }
 
 .aside {
-    background: $sid-bg;
-    
-
-    &.aside_feed {
-	padding: 10px 0;
-	text-align: center;
 	background: $sid-bg;
-	border-right: 1px solid $sid-sep;
-    }
-    &.aside_feed .tree {
-	margin: 10px 0 50px;
-    }
+
+
+	&.aside_feed {
+		padding: 10px 0;
+		text-align: center;
+		background: $sid-bg;
+		border-right: 1px solid $sid-sep;
+	}
+
+	&.aside_feed .tree {
+		margin: 10px 0 50px;
+	}
 
 }
 
@@ -146,154 +145,171 @@
 
 
 /*=== Navigation */
-
-.nav-list{
-    .nav-header,
-    .item{
-	height: 2.5em;
-	line-height: 2.5em;
-	font-size: 1rem;
-    }
-    .item{
-	background: $sid-bg;
-	@include transition(all, 0.15s, ease-in-out);
-	a{
-	    padding: 0 1rem;
-	    color: $sid-font-color;
-	}
-	.error{
-	    a{
-		color: $alert-bg;
-	    }
+.nav-list {
+	.nav-header,
+	.item {
+		height: 2.5em;
+		line-height: 2.5em;
+		font-size: 1rem;
 	}
-	&:hover{
-	    background: $sid-bg-dark;
-	    color: $sid-font-color;
-
-	    .error{
-		a{
-		    color: $sid-font-color;
-		    background: $main-first;
+
+	.item {
+		background: $sid-bg;
+
+		@include transition(all, 0.15s, ease-in-out);
+
+		a {
+			padding: 0 1rem;
+			color: $sid-font-color;
 		}
-	    }
-	    .empty{
-		a{
-		    color: $sid-font-color;
-		    background: $warning-bg;
+
+		.error {
+			a {
+				color: $alert-bg;
+			}
 		}
-	    }
-	    
-	    a{
-		color: $sid-font-color;
-		text-decoration: none;
-	    }
-	}
-	&.active{
-	    background: $main-first;
-	    color: $white;
-	    
-	    .error{
-		a{
-		    color: $white;
-		    background: $main-first;
+
+		&:hover {
+			background: $sid-bg-dark;
+			color: $sid-font-color;
+
+			.error {
+				a {
+					background: $main-first;
+					color: $sid-font-color;
+				}
+			}
+
+			.empty {
+				a {
+					background: $warning-bg;
+					color: $sid-font-color;
+				}
+			}
+
+			a {
+				color: $sid-font-color;
+				text-decoration: none;
+			}
 		}
-	    }
 
-	    .empty{
-		a{
-		    color: $white;
-		    background: $warning-bg;
+		&.active {
+			background: $main-first;
+			color: $white;
+
+			.error {
+				a {
+					background: $main-first;
+					color: $white;
+				}
+			}
+
+			.empty {
+				a {
+					background: $warning-bg;
+					color: $white;
+				}
+			}
+
+			a {
+				color: $white;
+				text-decoration: none;
+			}
 		}
-	    }
-	    
-	    a{
-		color: $white;
-		text-decoration: none;
-	    }
+
 	}
-	
-    }
-    &.empty{
-	a{
-	    color: $warning-bg;
+
+	&.empty {
+		a {
+			color: $warning-bg;
+		}
 	}
-    }
-    .disable{
-	text-align: center;
-	background: $grey-lighter;
-	color: $grey-medium-dark;
-    }
 
-    .nav-header {
-	padding: 0 10px;
-	font-weight: bold;
-	color: $grey-dark;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-	margin-top: 1rem;
-    }
-
-     .nav-form {
-	 padding: 3px;
-	 text-align: center;
-     }
-
-     .nav-head {
-	 margin: 0;
-	 text-align: right;
-	 // background: #34495e;
-	 color: $white;
-	 a {
-	     color: $white;
-	 }
-	 .item {
-	     padding: 5px 10px;
-	     font-size: 0.9rem;
-	     line-height: 1.5rem;
-	 }
-     }
+	.disable {
+		text-align: center;
+		background: $grey-lighter;
+		color: $grey-medium-dark;
+	}
+
+	.nav-header {
+		padding: 0 10px;
+		font-weight: bold;
+		color: $grey-dark;
+		text-transform: uppercase;
+		letter-spacing: 1px;
+		margin-top: 1rem;
+	}
+
+	.nav-form {
+		padding: 3px;
+		text-align: center;
+	}
+
+	.nav-head {
+		margin: 0;
+		text-align: right;
+		// background: #34495e;
+		color: $white;
+
+		a {
+			color: $white;
+		}
+
+		.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 {
-    position: absolute;
-    right: 0;
-    line-height: 1.5rem;
-    background: $sid-pills;
-    border-radius: 12px;
-    padding: 0 0.75rem;
-    margin: -0.5rem 1rem 0 0;
-    text-align: center;
+	margin: -0.5rem 1rem 0 0;
+	padding: 0 0.75rem;
+	background: $sid-pills;
+	border-radius: 12px;
+	position: absolute;
+	right: 0;
+	line-height: 1.5rem;
+	text-align: center;
 }
 
 .feed.item.empty.active {
-    background: $grey-dark;
+	background: $grey-dark;
 }
+
 .feed.item.error.active {
-    background: $grey-dark;
+	background: $grey-dark;
 }
+
 .feed.item.empty,
 .feed.item.empty > a {
-    color: $grey-dark;
+	color: $grey-dark;
 }
+
 .feed.item.error,
 .feed.item.error > a {
-    color: $grey-dark;
+	color: $grey-dark;
 }
+
 .feed.item.empty.active,
 .feed.item.error.active,
 .feed.item.empty.active > a,
 .feed.item.error.active > a {
-    color: $white;
+	color: $white;
 }
+
 .aside_feed .tree-folder-items .dropdown-menu::after {
-    left: 2px;
+	left: 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-left-color: $sid-bg;
+
+.aside_feed .stick #btn-importExport {
+	border-left-color: $sid-bg;
 }

p/themes/Ansum/_stats.scss

@@ -9,6 +9,7 @@
 .stat tr {
 	border: none;
 }
+
 .stat > table td,
 .stat > table th {
 	border-bottom: 1px solid $grey-medium-light;
@@ -17,11 +18,13 @@
 .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;
 }

p/themes/Ansum/_tables.scss

@@ -7,9 +7,11 @@ tr, th, td {
 	padding: 0.5em;
 	border: 1px solid $grey-medium-light;
 }
+
 th {
 	background: $grey-lighter;
 }
+
 form td,
 form th {
 	font-weight: normal;

p/themes/Ansum/_variables.scss

@@ -15,11 +15,11 @@ $white: #fff; // le blanc (des fois qu'on aurait envie de le teinter un peu)
 // on essaiera de teinter ces gris suivant la couleur principale
 $grey-darker: #524236;
 $grey-dark: #766556;
-$grey-medium-dark: #bbaa99; 
+$grey-medium-dark: #ba9;
 $grey-medium: #d9ccbf;
-$grey-medium-light: #e4d8cc; 
-$grey-light: #f5f0ec; 
-$grey-lighter: #fcfaf8; 
+$grey-medium-light: #e4d8cc;
+$grey-light: #f5f0ec;
+$grey-lighter: #fcfaf8;
 
 $unread-font-color: #161a38;
 $unread-bg: #f2f6f8;
@@ -39,8 +39,8 @@ $success-light: #cffdef;
 $success-text: #0c7556;
 
 // les favoris
-$fav-bg: #FFC300;
-$fav-light: #FFF6DA;
+$fav-bg: #ffc300;
+$fav-light: #fff6da;
 
 // la couleur de sidebar, utile si on a envie d'un thème qui aurait une sidebar foncé, e.g.
 $sid-font-color: #363330; // la couleur de fond de la barre de gauche et du header
@@ -49,5 +49,5 @@ $sid-bg-alt: #f7f2ea; // le background de l'intérieur des groupes
 $sid-bg-dark: #efe3d3; // les hovers
 $sid-sep: #f0e7da; // les séparateurs
 $sid-active: $main-first; // la couleur active
-$sid-active-font: #FFFFFF; // la couleur active
+$sid-active-font: #fff; // la couleur active
 $sid-pills: rgba(35,35,0, 0.15); // les gélules

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 {

p/themes/Ansum/ansum.scss

@@ -1,51 +1,48 @@
 @import "fonts";
+
 @import "mixins";
+
 @import "variables";
 
 @import "forms";
+
 @import "tables";
+
 @import "components";
 
 @import "divers";
 
 @import "sidebar";
+
 @import "layout";
+
 @import "list-view";
+
 @import "global-view";
+
 @import "reader-view";
 
 @import "configuration";
 
 @import "logs";
+
 @import "stats";
 
 @import "mobile";
 
-html, body{
-    font-family: "lato", "Helvetica", "Arial", sans-serif;
-    font-size: 0.875rem;
-}
-
 @charset "UTF-8";
 
 /*=== GENERAL */
 /*============*/
 html, body {
-	height: 100%;
 	background: $grey-light;
+	height: 100%;
+	font-family: "lato", "Helvetica", "Arial", sans-serif;
+	font-size: 0.875rem;
 }
 
 /*=== Links */
 a, button.as-link {
-    outline: none;
-    color: $main-first;
+	outline: none;
+	color: $main-first;
 }
-
-
-
-
-
-
-
-
-

p/themes/Mapco/_components.scss

@@ -5,119 +5,118 @@
 
 /*=== Horizontal-list */
 .horizontal-list {
-    margin: 0;
-    padding: 0.1rem 0;
+	margin: 0;
+	padding: 0.1rem 0;
 
-    .item{
-	vertical-align: middle;
+	.item {
+		vertical-align: middle;
 
-	&:first-child{
-	    padding-left: 0.5rem;
-	}
+		&:first-child {
+			padding-left: 0.5rem;
+		}
 
-    }
+	}
 }
 
 /*=== Dropdown */
 .dropdown-menu {
-    background: $grey-lighter;
-    margin: 0;
-    font-size: 1rem;
-    text-align: left;
-    padding: 0.5rem 0 1rem 0;
-    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);
-
-    &::after {
-	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;
-	// border-top: 1px solid #95a5a6;
-	// border-left: 1px solid #95a5a6;
-    }
-    
-    .dropdown-header {
-	// padding: 0 5px 5px;
-	margin: 1.75rem 0 0.5rem 2rem;
-	font-weight: bold;
+	margin: 0;
+	padding: 0.5rem 0 1rem 0;
+	background: $grey-lighter;
+	font-size: 1rem;
+	border: none;
+	border-radius: 3px;
+	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
 	text-align: left;
-	color: $grey-dark;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-
-	
-    }
-
-    .item{
-	@include transition(all, 0.075s, ease-in-out);
-	a, span, .as-link{
-	    padding: 0 2rem;
-	    line-height: 2.5em;
-	    font-size: 1rem;
-	    color: $main-font-color;
-	}
-	&:hover{
-	    background: $main-first;
-	    color: $white;
 
-	    a, button{
-		text-decoration: none;
-		color: $white;
-	    }
+	&::after {
+		background: white;
+		width: 10px;
+		height: 10px;
+		content: "";
+		position: absolute;
+		top: -4px;
+		right: 13px;
+		z-index: -10;
+		transform: rotate(45deg);
+		// border-top: 1px solid #95a5a6;
+		// border-left: 1px solid #95a5a6;
 	}
-	&[aria-checked="true"]{
-	    a::before{
+
+	.dropdown-header {
+		// padding: 0 5px 5px;
+		margin: 1.75rem 0 0.5rem 2rem;
 		font-weight: bold;
-		margin: 0 0 0 -14px;
-	    }
+		text-align: left;
+		color: $grey-dark;
+		text-transform: uppercase;
+		letter-spacing: 1px;
+
 	}
-    }
-    .input{
-	select, input{
-	    margin: 0 auto 5px;
-	    padding: 2px 5px;
-	    border-radius: 3px;
+
+	.item {
+
+		@include transition(all, 0.075s, ease-in-out);
+
+		a, span, .as-link {
+			padding: 0 2rem;
+			color: $main-font-color;
+			font-size: 1rem;
+			line-height: 2.5em;
+		}
+
+		&:hover {
+			background: $main-first;
+			color: $white;
+
+			a, button {
+				text-decoration: none;
+				color: $white;
+			}
+		}
+
+		&[aria-checked="true"] {
+			a::before {
+				margin: 0 0 0 -14px;
+				font-weight: bold;
+			}
+		}
 	}
-    }
-    .separator {
-	margin: 0.75rem 0;
-	border-bottom: 1px solid $grey-light;
-	// display: none;
-    }
 
-}
-.tree .tree-folder .tree-folder-items .dropdown-menu,
-.tree .tree-folder .tree-folder-items .dropdown-menu{
-    // tout ça sert à restaurer l'apparence du dropdown dans un contexte de sidebar sombre
-    
-    .item{
-	padding: 0;
-	
-	a,
-	button{
-	    color: $main-font-color;
-	    
-	    &:hover{
-		color: $white;
-	    }
+	.input {
+		select, input {
+			margin: 0 auto 5px;
+			padding: 2px 5px;
+			border-radius: 3px;
+		}
 	}
-	&:hover{
-	    background: $main-first;
+
+	.separator {
+		margin: 0.75rem 0;
+		border-bottom: 1px solid $grey-light;
+		// display: none;
+	}
+
+}
+
+.tree .tree-folder .tree-folder-items .dropdown-menu {
+	// tout ça sert à restaurer l'apparence du dropdown dans un contexte de sidebar sombre
+	.item {
+		padding: 0;
+
+		a,
+		button {
+			color: $main-font-color;
+
+			&:hover {
+				color: $white;
+			}
+		}
+
+		&:hover {
+			background: $main-first;
+		}
 	}
-    }
 }
 
 
@@ -125,255 +124,274 @@
 
 /*=== Alerts */
 .alert {
-    margin: 1rem 0;
-    // width: 100%;
-    padding: 1rem;
-    font-size: 1rem;
-    background: $grey-lighter;
-    border: 1px solid $grey-medium;
-    border-radius: 3px;
-    color: $grey-dark;
-    text-shadow: 0 0 1px $grey-light;
+	margin: 1rem 0;
+	// width: 100%;
+	padding: 1rem;
+	background: $grey-lighter;
+	color: $grey-dark;
+	font-size: 1rem;
+	border: 1px solid $grey-medium;
+	border-radius: 3px;
+	text-shadow: 0 0 1px $grey-light;
 }
+
 .alert-head {
-    font-size: 1.15em;
+	font-size: 1.15em;
 }
+
 .alert > a {
-    text-decoration: underline;
-    color: inherit;
+	text-decoration: underline;
+	color: inherit;
 }
+
 .alert-warn {
-    background: $warning-light;
-    border: 1px solid unquote($warning-text+'33'); // on ajoute l'opacité à la fin
-    color: $warning-text;
+	background: $warning-light;
+	color: $warning-text;
+	border: 1px solid unquote($warning-text+'33'); // on ajoute l'opacité à la fin
 }
+
 .alert-success {
-    background: $success-light;
-    border: 1px solid unquote($success-text+'33');
-    color: $success-text;
+	background: $success-light;
+	color: $success-text;
+	border: 1px solid unquote($success-text+'33');
 }
+
 .alert-error {
-    background: $alert-light;
-    border: 1px solid unquote($alert-text+'33');
-    color: $alert-text;
+	background: $alert-light;
+	color: $alert-text;
+	border: 1px solid unquote($alert-text+'33');
 }
 
 /*=== Pagination */
 .pagination {
-    text-align: center;
-    font-size: 0.8em;
-    background: $grey-light;
-    color: $main-font-color;
-
-    .item{
-	&.pager-current {
-	    font-weight: bold;
-	    font-size: 1.5em;
-	    background: $sid-bg;
-	    color: $grey-light;
-	}
-	a {
-	    display: block;
-	    font-style: italic;
-	    line-height: 3em;
-	    text-decoration: none;
-	    color: $main-font-color;
-
-	    &:hover{
-		background: $main-font-color;
-		color: $grey-light;
-	    }
+	background: $grey-light;
+	color: $main-font-color;
+	font-size: 0.8em;
+	text-align: center;
+
+	.item {
+		&.pager-current {
+			background: $sid-bg;
+			color: $grey-light;
+			font-size: 1.5em;
+			font-weight: bold;
+		}
+
+		a {
+			display: block;
+			color: $main-font-color;
+			font-style: italic;
+			line-height: 3em;
+			text-decoration: none;
+
+			&:hover {
+				background: $main-font-color;
+				color: $grey-light;
+			}
+		}
 	}
-    }
 
-    .loading,
-    a:hover.loading {
-	font-size: 0;
-	background: url("loader.gif") center center no-repeat #34495e;
-    }
+	.loading,
+	a:hover.loading {
+		background: url("loader.gif") center center no-repeat #34495e;
+		font-size: 0;
+	}
 }
+
 .content .pagination {
-    margin: 0;
-    padding: 0;
+	margin: 0;
+	padding: 0;
 }
 
 
 /*=== Boxes */
 .box {
-    // border: 1px solid #ddd;
-    border: none;
-    border-radius: 3px;
-    background: $white;
-
-    -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);
+	background: $white;
+	// border: 1px solid #ddd;
+	border: none;
+	border-radius: 3px;
+
+	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
+
+	.box-title {
+		margin: 0;
+		padding: 5px 10px;
+		background: $grey-light;
+		color: $main-font-color;
+		// border-bottom: 1px solid #ddd;
+		border-radius: 2px 2px 0 0;
+
+		img {
+			margin-right: 0.75rem;
+		}
 
-    .box-title {
-	margin: 0;
-	padding: 5px 10px;
-	background: $grey-light;
-	color: $main-font-color;
-	// border-bottom: 1px solid #ddd;
-	border-radius: 2px 2px 0 0;
-	img{
-		margin-right: 0.75rem;
-	}
+		&:hover {
+			.configure {
+				background: url("icons/cog.svg") no-repeat 4px 4px;
+				display: block;
+				float: left;
+				width: 1.75rem;
+				height: 1.75rem;
+				border-radius: 2px;
+				visibility: visible;
+				margin-right: 0.5rem;
+
+				.icon {
+					display: none;
+					border-radius: 3px;
+					vertical-align: middle;
+				}
+
+				&:hover {
+					background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+				}
+			}
+		}
 
-	&:hover{
 		.configure {
-			visibility: visible;
-			background: url("icons/cog.svg") no-repeat 4px 4px;
-			width: 1.75rem;
-			height: 1.75rem;
-			display: block;
-			border-radius: 2px;
-			float: left;
-			margin-right: 0.5rem;
-			.icon {
-				vertical-align: middle;
-				border-radius: 3px;
-				display: none;
+			visibility: hidden;
+		}
+
+		form {
+			input {
+				width: 85%;
 			}
-			&:hover {
-				background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+
+			.dropdown {
+				float: right;
+
+				a.dropdown-toggle {
+					padding: 0;
+					// float: right;
+					border-radius: 0;
+					background-image: url(icons/more.svg);
+					background-repeat: no-repeat;
+					background-position: right 8px;
+
+					img {
+						display: none;
+					}
+				}
 			}
 		}
 	}
-	.configure {
-		visibility: hidden;
-	}
 
-	form{
-	    input{
-		width: 85%;
-	    }
-	    .dropdown{
-		float: right;
-		a.dropdown-toggle{
-		    padding: 0;
-		    background-image: url(icons/more.svg);
-		    background-repeat: no-repeat;
-		    background-position: right 8px;
-		    // float: right;
-		    border-radius: 0;
-		    img{
-			display: none;
-		    }
-		}
-	    }
-	}
-    }
-    .box-content {
-	// max-height: 260px;
+	.box-content {
+		// max-height: 260px;
+		.item {
+			padding: 0.5rem 0.75rem;
+			color: $main-font-color;
+			font-size: 1rem;
+			border-bottom: 1px solid $grey-light;
+			line-height: 1.7em;
+
+			img {
+				margin-right: 0.75rem;
+			}
 
-	.item {
-	    padding: 0.5rem 0.75rem;
-	    font-size: 1rem;
-	    color: $main-font-color;
-	    line-height: 1.7em;
-	    border-bottom: 1px solid $grey-light;
-
-	    img{
-		margin-right: 0.75rem;
-	    }
-
-	    .configure {
-		visibility: hidden;
-		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;
-		
-		.icon {
-		    vertical-align: middle;
-		    border-radius: 3px;
-		    display: none;
+			.configure {
+				background: url("icons/cog.svg") no-repeat 4px 4px;
+				display: block;
+				float: left;
+				width: 1.75rem;
+				height: 1.75rem;
+				border-radius: 2px;
+				visibility: hidden;
+				margin-right: 0.5rem;
+
+				.icon {
+					display: none;
+					border-radius: 3px;
+					vertical-align: middle;
+				}
+
+				&:hover {
+					// background: $main-first;
+					background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+				}
+			}
+
+			&:hover .configure {
+				visibility: visible;
+			}
 		}
-		&:hover{
-		    // background: $main-first;
-		    background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first;
+
+		.item:last-child {
+			border-bottom: none;
 		}
-	    }
-	    &:hover .configure {
-		visibility: visible;
-	    }
 	}
-	.item:last-child{
-	    border-bottom: none;
-	}
-    }
 }
 
 /*=== "Load more" part */
 #bigMarkAsRead {
-    text-align: center;
-    text-decoration: none;
-    background: $main-first-light;
-    color: $main-first;
+	text-align: center;
+	text-decoration: none;
+	background: $main-first-light;
+	color: $main-first;
 
-    @include transition(all, 0.15s, ease-in-out);
+	@include transition(all, 0.15s, ease-in-out);
 
-    &:hover {
-	background: $main-first;
-	color: #fff;
+	&:hover {
+		background: $main-first;
+		color: #fff;
 
-	.bigTick{
-	    background: url(icons/tick-white.svg) center no-repeat;
+		.bigTick {
+			background: url(icons/tick-white.svg) center no-repeat;
+		}
+	}
+
+	.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;
 	}
-    }
-    .bigTick{
-	margin: 0.5rem 0;
-	display: inline-block;
-	text-indent: -9999px;               
-	background: url(icons/tick-color.svg) center no-repeat;  
-	height: 64px;                       
-	width: 64px;
-	white-space: nowrap; 
-    }
 }
 
 // page de login
-.formLogin{
-    background: $sid-bg;
-
-    .header{
-	.configure{
-	    padding-right: 1rem;
-	    img{
-		margin-right: 0.5rem;
-	    }
-	    
-	    a.signin{
+.formLogin {
+	background: $sid-bg;
+
+	.header {
+		.configure {
+			padding-right: 1rem;
+
+			img {
+				margin-right: 0.5rem;
+			}
+
+			a.signin {
+				color: $white;
+			}
+		}
+	}
+
+	h1 {
 		color: $white;
-	    }
 	}
-    }
-
-    h1{
-	color: $white;
-    }
-    form#crypto-form{
-	div{
-	    margin-bottom: 1rem;
-	    
-	    label{
-		font-size: 1rem;
-		color: $grey-medium;
-
-		
-	    }
-	    input{
-		background: $main-first-darker;
-
-		&:focus{
-		    background: $grey-lighter;
-		    color: $main-font-color;
+
+	form#crypto-form {
+		div {
+			margin-bottom: 1rem;
+
+			label {
+				color: $grey-medium;
+				font-size: 1rem;
+
+
+			}
+
+			input {
+				background: $main-first-darker;
+
+				&:focus {
+					background: $grey-lighter;
+					color: $main-font-color;
+				}
+			}
 		}
-	    }
-	}	
-    }
+	}
 }

p/themes/Mapco/_configuration.scss

@@ -1,90 +1,89 @@
 /*=== Configuration pages */
 .post {
-    padding: 1rem 2rem;
-    font-size: 1rem;
-
-    form {
-	margin: 1rem 0;
-
-	// Gestion des extensions
-	.horizontal-list{
-	    margin-bottom: 0.5rem;
-	    
-	    .item{
-		.stick{
-		    // width: 65%;
-		    // margin-right: 1rem;
-		    // display:flex;
-		    
-		}
-		.btn{
-		    // width: 8rem;
-		    // flex-grow: 1;
+	padding: 1rem 2rem;
+	font-size: 1rem;
+
+	form {
+		margin: 1rem 0;
+
+		// Gestion des extensions
+		.horizontal-list {
+			margin-bottom: 0.5rem;
+
+			.item {
+				.stick {
+					// width: 65%;
+					// margin-right: 1rem;
+					// display:flex;
+
+				}
+
+				.btn {
+					// width: 8rem;
+					// flex-grow: 1;
+				}
+			}
+
 		}
-	    }
-	    
 	}
-    }
-    &.content {
-	max-width: 550px;
-    }
-
-    h1, h2{ // pages titles
-	font-size: 3rem;
-	margin-top: 1.75rem;
-	font-weight: 300;
-	line-height: 1.2em;
-	// font-family: "spectral";
-	color: $main-font-color;
-    }
-
-    a[href="./"]{ // C'est le bouton "Retour à vos flux"
-	display: inline-block;
-	// min-height: 38px;
-	min-width: 15px;
-	line-height: 25px;
-	margin: 0;
-	padding: 0.75rem 1.5rem;
-	font-size: 1rem;
-	vertical-align: middle;
-	cursor: pointer;
-	overflow: hidden;
-	background: $grey-lighter;
-	border: 1px solid $grey-medium-light;
-	border-radius: 5px;
-	// border: none;
-	color: $grey-dark;
-
-	&:hover{
-	    text-decoration: none;
-	    background: $main-first;
-	    color: white;
-	    border: 1px solid $main-first;
+
+	&.content {
+		max-width: 550px;
+	}
+
+	h1, h2 { // pages titles
+		// font-family: "spectral";
+		color: $main-font-color;
+		font-size: 3rem;
+		margin-top: 1.75rem;
+		font-weight: 300;
+		line-height: 1.2em;
 	}
-    }
-    
+
+	a[href="./"] { // C'est le bouton "Retour à vos flux"
+		margin: 0;
+		padding: 0.75rem 1.5rem;
+		background: $grey-lighter;
+		display: inline-block;
+		// border: none;
+		color: $grey-dark;
+		font-size: 1rem;
+		border: 1px solid $grey-medium-light;
+		border-radius: 5px;
+		// min-height: 38px;
+		min-width: 15px;
+		line-height: 25px;
+		vertical-align: middle;
+		cursor: pointer;
+		overflow: hidden;
+
+		&:hover {
+			background: $main-first;
+			color: white;
+			border: 1px solid $main-first;
+			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);
+#slider {
+	border-left: none;
+	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;
+.slide-container {
+	.properties {
+		padding: 1rem;
+		background: rgba(0, 0, 0, 0.75);
+		color: white;
+		border: 0;
 
-	.page-number{
-	    right: 1rem;
-	    top: 1rem;
+		.page-number {
+			right: 1rem;
+			top: 1rem;
+		}
 	}
-    }
 }

p/themes/Mapco/_divers.scss

@@ -4,9 +4,11 @@
 .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;
 }

p/themes/Mapco/_fonts.scss

@@ -1,56 +1,63 @@
 @font-face {
-    font-family: "lato";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 400;
-    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");
-}
-@font-face {
-    font-family: "lato";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 700;
-    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");
-}
-@font-face {
-    font-family: "spectral";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 400;
-    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");
-}
-@font-face {
-    font-family: "spectral";
-    font-style: normal;
-    font-stretch: normal;
-    font-weight: 700;
-    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");
+	font-family: "lato";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 400;
+	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");
+}
+
+@font-face {
+	font-family: "lato";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 700;
+	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");
+}
+
+@font-face {
+	font-family: "spectral";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 400;
+	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");
+}
+
+@font-face {
+	font-family: "spectral";
+	font-style: normal;
+	font-stretch: normal;
+	font-weight: 700;
+	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");
 }

p/themes/Mapco/_forms.scss

@@ -1,152 +1,160 @@
 /* btns */
-
 .btn {
-    display: inline-block;
-    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: $grey-lighter;
-    border-radius: 5px;
-    border: none;
-    color: $grey-dark;
-
-    @include transition(all, 0.15s, ease-in-out);
-
-    &.btn-important {
-	background: $main-first;
-	color: $white;
-
-	// @include transition(all, 0.15s, ease-in-out);
-
-	&:hover,
-	&:active {
-	    background: $main-first-alt;
+	margin: 0;
+	padding: 0.5rem 1.5rem;
+	background: $grey-lighter;
+	display: inline-block;
+	color: $grey-dark;
+	font-size: 1rem;
+	border: none;
+	border-radius: 5px;
+	min-height: 38px;
+	min-width: 15px;
+	line-height: 25px;
+	vertical-align: middle;
+	cursor: pointer;
+	overflow: hidden;
+
+	@include transition(all, 0.15s, ease-in-out);
+
+	&.btn-important {
+		background: $main-first;
+		color: $white;
+
+		// @include transition(all, 0.15s, ease-in-out);
+		&:hover,
+		&:active {
+			background: $main-first-alt;
+		}
 	}
-    }
 
 
-    &.btn-attention {
-	background: $alert-bg;
-	color: #fff;
+	&.btn-attention {
+		background: $alert-bg;
+		color: #fff;
 
-	&:hover,
-	&:active {
-	    background: $alert-text;
+		&:hover,
+		&:active {
+			background: $alert-text;
+		}
 	}
-    }
 
-    &:hover {
-	text-decoration: none;
-    }
+	&:hover {
+		text-decoration: none;
+	}
 }
 
 a.btn {
-    min-height: 25px;
-    line-height: 25px;
+	min-height: 25px;
+	line-height: 25px;
 }
 
 /*=== Forms */
 legend {
-    display: inline-block;
-    width: auto;
-    margin: 2rem 0 1rem 0;
-    padding: 0;
-    font-size: 1rem;
-    clear: both;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-    font-weight: 700;
+	margin: 2rem 0 1rem 0;
+	padding: 0;
+	display: inline-block;
+	width: auto;
+	font-size: 1rem;
+	clear: both;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	font-weight: 700;
 }
+
 label {
-    min-height: 25px;
-    padding: 5px 0;
-    cursor: pointer;
-    color: $grey-dark;
+	min-height: 25px;
+	padding: 5px 0;
+	cursor: pointer;
+	color: $grey-dark;
 }
+
 textarea {
-    width: 360px;
-    height: 100px;
+	width: 360px;
+	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: $white;
-    border: 1px solid $grey-light;
-    font-size: 1rem;
-    color: $grey-dark;
-    border-radius: 2px;
+	padding: 5px 10px;
+	background: $white;
+	color: $grey-dark;
+	font-family: "lato", "Helvetica", "Arial", sans-serif;
+	font-size: 1rem;
+	border: 1px solid $grey-light;
+	border-radius: 2px;
+	min-height: 25px;
+	line-height: 25px;
+	vertical-align: middle;
 }
+
 option {
-    padding: 0 .5em;
+	padding: 0 .5em;
 }
+
 input:focus, select:focus, textarea:focus {
-    color: $main-font-color;
-    border-color: $main-first;
+	color: $main-font-color;
+	border-color: $main-first;
 }
+
 input:invalid, select:invalid {
-    color: $alert-bg;
-    border-color: $alert-bg;
-    box-shadow: none;
+	color: $alert-bg;
+	border-color: $alert-bg;
+	box-shadow: none;
 }
+
 input:disabled, select:disabled {
-    background: $grey-light;
+	background: $grey-light;
 }
+
 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;
-    border-radius: 3px;
+	padding: 5px;
+	border-radius: 3px;
 
-    &::after {
-	content: "";
-	display: block;
-	clear: both;
-    }
-    &:hover {
-	// background: #fff;
-	// 	border: 1px solid #eee;
-	// 	border-radius: 3px;
-	// 	border: 1px solid #eee;
-    }
-    .group-name {
-	padding: 10px 0;
-	text-align: right;
-    }
-    .group-controls {
-	min-height: 25px;
-	padding: 5px 0;
-    }
-    .group-controls .control {
-	line-height: 2.0em;
-    }
-    table {
-	margin: 10px 0 0 220px;
-    }
-
-    &.form-actions {
-	margin: 15px 0 25px;
-	padding: 5px 0;
-	// background: #333;
-    }
-    &.form-actions .btn {
-	margin: 0 0.5rem 0 0;
-    }
+	&::after {
+		content: "";
+		display: block;
+		clear: both;
+	}
+
+	&:hover {
+		// background: #fff;
+		// 	border: 1px solid #eee;
+		// 	border-radius: 3px;
+		// 	border: 1px solid #eee;
+	}
+
+	.group-name {
+		padding: 10px 0;
+		text-align: right;
+	}
+
+	.group-controls {
+		min-height: 25px;
+		padding: 5px 0;
+	}
+
+	.group-controls .control {
+		line-height: 2.0em;
+	}
+
+	table {
+		margin: 10px 0 0 220px;
+	}
+
+	&.form-actions {
+		margin: 15px 0 25px;
+		padding: 5px 0;
+		// background: #333;
+	}
+
+	&.form-actions .btn {
+		margin: 0 0.5rem 0 0;
+	}
 }
 
 

p/themes/Mapco/_global-view.scss

@@ -1,80 +1,83 @@
 /*=== GLOBAL VIEW */
 /*================*/
+#stream {
+	.box.category {
+		&:not([data-unread="0"]) .box-title {
+			// background: #3498db;
+		}
 
-#stream{
-    .box.category{
-
-	&:not([data-unread="0"]) .box-title {
-	    // background: #3498db;
-	}
-	&:not([data-unread="0"]) .box-title:active {
-	    // background: #2980b9;
-	}
-	&:not([data-unread="0"]) .box-title .title {
-	    font-weight: bold;
-	    // color: #fff;
-	}
-	
-	.box-title{
-	    background: none;
-	    padding: 1.5rem;
-	    
-	    a.title{
-		font-weight: normal;
-		text-decoration: none;
-		text-align: left;
-		font-size: 1rem;
-		text-transform: uppercase;
-		letter-spacing: 1px;
-		color: $grey-dark;
+		&:not([data-unread="0"]) .box-title:active {
+			// background: #2980b9;
+		}
 
-		&:not([data-unread="0"])::after {
-		    position: absolute;
-		    top: 1.75rem;
-		    right: 0;
-		    line-height: 1.5rem;
-		    background: $grey-light;
-		    border-radius: 12px;
-		    padding: 0 0.75rem;
-		    margin: -0.5rem 1rem 0 0;
-		    text-align: center;
+		&:not([data-unread="0"]) .box-title .title {
+			font-weight: bold;
+			// color: #fff;
 		}
-		&:hover{
-		    color: $main-first;
+
+		.box-title {
+			padding: 1.5rem;
+			background: none;
+
+			a.title {
+				color: $grey-dark;
+				font-size: 1rem;
+				font-weight: normal;
+				text-decoration: none;
+				text-align: left;
+				text-transform: uppercase;
+				letter-spacing: 1px;
+
+				&:not([data-unread="0"])::after {
+					margin: -0.5rem 1rem 0 0;
+					padding: 0 0.75rem;
+					background: $grey-light;
+					border-radius: 12px;
+					position: absolute;
+					top: 1.75rem;
+					right: 0;
+					line-height: 1.5rem;
+					text-align: center;
+				}
+
+				&:hover {
+					color: $main-first;
+				}
+			}
 		}
-	    }
-	}
 
-	.box-content{
-	    padding-bottom: 0.5rem;
-	    .item.feed {
-		// padding: 2px 10px;
-		font-size: 1rem;
-		padding: 0.5rem 1.5rem;
-		
-		a{
-		    color: $main-font-color;
-		    font-weight: 400;
+		.box-content {
+			padding-bottom: 0.5rem;
+
+			.item.feed {
+				padding: 0.5rem 1.5rem;
+				// padding: 2px 10px;
+				font-size: 1rem;
 
-		    &:hover{
-			color: $main-first;
-			text-decoration: none;
-		    }
+				a {
+					color: $main-font-color;
+					font-weight: 400;
+
+					&:hover {
+						color: $main-first;
+						text-decoration: none;
+					}
+				}
+			}
 		}
-	    }
-	}	
-    }   
+	}
 }
 
 
 // le panel qui apparait en overlay pour afficher les flux
-#overlay{
-    background: rgba(0, 0, 0, 0.65);
+#overlay {
+	background: rgba(0, 0, 0, 0.65);
 }
-#panel{
-    top: 3rem;
-    right: 3rem;
-    bottom: 3rem;
-    left: 3rem;
-    border-radius: 3px;
+
+#panel {
+	top: 3rem;
+	right: 3rem;
+	bottom: 3rem;
+	left: 3rem;
+	border-radius: 3px;
 }

p/themes/Mapco/_layout.scss

@@ -2,118 +2,117 @@
 /*===============*/
 /*=== Header */
 .header {
-    background: $sid-bg;
-    padding: 0.5rem 1.35rem;
-    display: block;
-    table-layout: none;
-    width: auto;
-
-    .item{
-	vertical-align: middle;
-	// text-align: center;
-	// display: flex;
-	// justify-content: space-between;
-	// flex-direction: row;
-	
-	&.title{
-
-	    font-weight: 400;
-	    width: 280px;
-	    
-	    h1{
-		a{
-		    text-decoration: none;
-		    color: $sid-font-color;
-		    font-size: 1rem;
-		    text-transform: uppercase;
-		    letter-spacing: 1px;
-		    
-		    img{
-			margin-right: 0.5rem;
-
-		    }
+	padding: 0.5rem 1.35rem;
+	background: $sid-bg;
+	display: block;
+	width: auto;
+	table-layout: none;
+
+	.item {
+		vertical-align: middle;
+		// text-align: center;
+		// display: flex;
+		// justify-content: space-between;
+		// flex-direction: row;
+		&.title {
+			width: 280px;
+
+			font-weight: 400;
+
+			h1 {
+				a {
+					text-decoration: none;
+					color: $sid-font-color;
+					font-size: 1rem;
+					text-transform: uppercase;
+					letter-spacing: 1px;
+
+					img {
+						margin-right: 0.5rem;
+
+					}
+				}
+			}
 		}
-	    }
-	}
-	&.search{
-	    // text-align: center;
-	    // width: 50%;
 
-	    input{
-		width: 230px;
-		border-radius: 2px 0 0 2px;
-		background-color: $sid-bg-alt;
-		color: $sid-font-color;
-		border: none;
+		&.search {
+			// text-align: center;
+			// width: 50%;
+			input {
+				width: 230px;
+				color: $sid-font-color;
+				border: none;
+				border-radius: 2px 0 0 2px;
+				background-color: $sid-bg-alt;
 
-		@include transition(all, 0.15s, ease-in-out);
+				@include transition(all, 0.15s, ease-in-out);
 
-		&:hover{
-		    background-color: $sid-bg-dark;
-		}
-		
-		&:focus{
-		    width: 350px;
+				&:hover {
+					background-color: $sid-bg-dark;
+				}
 
-		    background-color: $white;
-		    color: $grey-dark;
-		}
-	    }
-	    .btn{
-		img{display: none;}
-		border-radius: 0 2px 2px 0;
+				&:focus {
+					width: 350px;
+					color: $grey-dark;
 
-		background-color: $main-first;
-		background-position: center;
-		background-repeat: no-repeat;
-		background-image: url(icons/magnifier.svg);
-		
-		border-left-width: 0;
+					background-color: $white;
+				}
+			}
 
-		width: 3rem;
-		min-height: 35px;
+			.btn {
+				img {display: none;}
 
-		&:hover{
-		    background-color: $main-first-alt;
-		}
-	    }
-	}
-	&.configure{
-	    width: 2rem;
-	    position: absolute;
-	    right: 1rem;
-	    top: 1.25rem;
-	    text-align: center;
-	    // float: right;
-	    
-	    .btn{
-		img{display: none;}
-		// border-radius: 0 2px 2px 0;
-
-		background-color: transparent;
-		background-position: center;
-		background-repeat: no-repeat;
-		background-image: url(icons/cog-white.svg);
+				width: 3rem;
+				border-radius: 0 2px 2px 0;
+
+				background-color: $main-first;
+				background-position: center;
+				background-repeat: no-repeat;
+				background-image: url(icons/magnifier.svg);
 
-		padding: 0 0.5rem;
-		
-		// border-left-width: 0;
+				border-left-width: 0;
+				min-height: 35px;
 
-		// width: 3rem;
+				&:hover {
+					background-color: $main-first-alt;
+				}
+			}
+		}
 
-		&:hover{
-		    // background-color: $main-first-alt;
+		&.configure {
+			width: 2rem;
+			position: absolute;
+			right: 1rem;
+			top: 1.25rem;
+			text-align: center;
+			// float: right;
+			.btn {
+				img {display: none;}
+
+				padding: 0 0.5rem;
+				// border-radius: 0 2px 2px 0;
+
+				background-color: transparent;
+				background-position: center;
+				background-repeat: no-repeat;
+				background-image: url(icons/cog-white.svg);
+
+				// border-left-width: 0;
+
+				// width: 3rem;
+				&:hover {
+					// background-color: $main-first-alt;
+				}
+			}
 		}
-	    }
 	}
-    }
 
-    
+
 }
 
 /*=== Body */
 #global {
-    height: calc(100% - 85px);
+	height: calc(100% - 85px);
 }
 
 
@@ -121,342 +120,352 @@
 
 /*=== Prompt (centered) */
 .prompt {
-    text-align: center;
+	text-align: center;
 }
+
 .prompt label {
-    text-align: left;
+	text-align: left;
 }
+
 .prompt form {
-    margin: 10px auto 20px auto;
-    width: 200px;
+	margin: 10px auto 20px auto;
+	width: 200px;
 }
+
 .prompt input {
-    margin: 5px auto;
-    width: 100%;
+	margin: 5px auto;
+	width: 100%;
 }
+
 .prompt p {
-    margin: 20px 0;
+	margin: 20px 0;
 }
 
 /*=== New article notification */
 #new-article {
-    text-align: center;
-    font-size: 1rem;
-    background: $main-first;
+	background: $main-first;
+	font-size: 1rem;
+	text-align: center;
 }
+
 #new-article:hover {
-    background: $main-first-alt;
+	background: $main-first-alt;
 }
+
 #new-article > a {
-    line-height: 3em;
-    font-weight: bold;
-    color: $white;
+	line-height: 3em;
+	font-weight: bold;
+	color: $white;
 }
+
 #new-article > a:hover {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 /*=== Day indication */
 .day {
-    padding: 1rem 0 0 1.25rem;
-    font-weight: 700;
-    line-height: 3em;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    font-size: 0.875rem;
-    color: $light-font-color;
-    // border-left: 2px solid #ecf0f1;
-
-    .name{
-	padding: 0 1rem 0 1rem;
+	padding: 1rem 0 0 1.25rem;
+	color: $light-font-color;
 	font-size: 0.875rem;
-	// font-weight: 700;
-	color: $main-font-color;
-	position: relative;
-	left: 0;
-	
-	// letter-spacing: 1px;
+	font-weight: 700;
+	line-height: 3em;
+	letter-spacing: 1px;
 	text-transform: uppercase;
-    }
+	// border-left: 2px solid #ecf0f1;
+	.name {
+		padding: 0 1rem 0 1rem;
+		// font-weight: 700;
+		color: $main-font-color;
+		font-size: 0.875rem;
+		position: relative;
+		left: 0;
+
+		// letter-spacing: 1px;
+		text-transform: uppercase;
+	}
 }
 
 /*=== Index menu */
 .nav_menu {
-    text-align: center;
-    padding: 5px 0;
-
-    .btn{
-	border-left-width: 0;
-	padding: 0.5rem 1rem;
-	background-color: $grey-lighter;
-	background-position: center;
-	background-repeat: no-repeat;
-
-	&:hover{
-	    background-color: $grey-light;
-	}
-    }
-  
-    .stick{
-	background: $grey-lighter;
-	
-	.btn{
-	    border-left-width: 0;
-	    padding: 0.5rem 1rem;
-	    background-color: $grey-lighter;
-	    background-position: center;
-	    background-repeat: no-repeat;
-	    @include transition(all, 0.15s, ease-in-out);
-
-	    &:hover{
-		background-color: $grey-medium-light;
-	    }
-
-	    &.active{
-		background-color: $main-first;
-	    }
-	    
-	    img.icon{display: none;} // on efface pour afficher nos icones, mouhahaha !!
-
-
-	    // actions
-	    &#toggle-read{
-		background-image: url(icons/read.svg);
-	    }
-	    &#toggle-read.active{
-		background-image: url(icons/read-white.svg);
-	    }
-	    
-	    &#toggle-unread{
-		background-image: url(icons/unread.svg);
-	    }
-	    &#toggle-unread.active{
-		background-image: url(icons/unread-white.svg);
-	    }
-
-	    &#toggle-starred{
-		background-image: url(icons/starred.svg);
-	    }
-	    &#toggle-starred.active{
-		background-image: url(icons/starred-white.svg);
-	    }
-
-	    &#toggle-non-starred{
-		background-image: url(icons/non-starred.svg);
-	    }
-	    &#toggle-non-starred.active{
-		background-image: url(icons/non-starred-white.svg);
-	    }
-
-	    // read all
-	    &.read_all{
+	text-align: center;
+	padding: 5px 0;
+
+	.btn {
+		border-left-width: 0;
+		padding: 0.5rem 1rem;
 		background-color: $grey-lighter;
-		// min-height: 0;
-		color:$main-font-color;
-		padding: 5px 16px;
-		@include transition(all, 0.15s, ease-in-out);
+		background-position: center;
+		background-repeat: no-repeat;
 
-		&:hover{
-		    background-color: $grey-medium-light;
+		&:hover {
+			background-color: $grey-light;
 		}
-	    }
-
-	    // views
-	    &.view-normal{
-		background-image: url(icons/view-list.svg);
-	    }
-	    &.view-normal.active{
-		background-image: url(icons/view-list-white.svg);
-	    }
-
-	    &.view-global{
-		background-image: url(icons/view-global.svg);
-	    }
-	    &.view-global.active{
-		background-image: url(icons/view-global-white.svg);
-	    }
-
-	    &.view-reader{
-		background-image: url(icons/view-reader.svg);
-	    }
-	    &.view-reader.active{
-		background-image: url(icons/view-reader-white.svg);
-	    }
-
-	    &.view-rss{
-		background-image: url(icons/rss.svg);
-	    }
-	    
-	}
-	.dropdown {
-	    a.dropdown-toggle{
-		border-left-width: 0;
-		background-image: url(icons/more.svg);
-	    }
-	}
-	
-	&#nav_menu_action{
-	    
 	}
-	&#nav_menu_read_all{
-	    
-	}
-	&#nav_menu_views{
-	    
+
+	.stick {
+		background: $grey-lighter;
+
+		.btn {
+			border-left-width: 0;
+			padding: 0.5rem 1rem;
+			background-color: $grey-lighter;
+			background-position: center;
+			background-repeat: no-repeat;
+
+			@include transition(all, 0.15s, ease-in-out);
+
+			&:hover {
+				background-color: $grey-medium-light;
+			}
+
+			&.active {
+				background-color: $main-first;
+			}
+
+			img.icon {display: none;} // on efface pour afficher nos icones, mouhahaha !!
+
+
+			// actions
+			&#toggle-read {
+				background-image: url(icons/read.svg);
+			}
+
+			&#toggle-read.active {
+				background-image: url(icons/read-white.svg);
+			}
+
+			&#toggle-unread {
+				background-image: url(icons/unread.svg);
+			}
+
+			&#toggle-unread.active {
+				background-image: url(icons/unread-white.svg);
+			}
+
+			&#toggle-starred {
+				background-image: url(icons/starred.svg);
+			}
+
+			&#toggle-starred.active {
+				background-image: url(icons/starred-white.svg);
+			}
+
+			&#toggle-non-starred {
+				background-image: url(icons/non-starred.svg);
+			}
+
+			&#toggle-non-starred.active {
+				background-image: url(icons/non-starred-white.svg);
+			}
+
+			// read all
+			&.read_all {
+				padding: 5px 16px;
+				// min-height: 0;
+				color: $main-font-color;
+				background-color: $grey-lighter;
+
+				@include transition(all, 0.15s, ease-in-out);
+
+				&:hover {
+					background-color: $grey-medium-light;
+				}
+			}
+
+			// views
+			&.view-normal {
+				background-image: url(icons/view-list.svg);
+			}
+
+			&.view-normal.active {
+				background-image: url(icons/view-list-white.svg);
+			}
+
+			&.view-global {
+				background-image: url(icons/view-global.svg);
+			}
+
+			&.view-global.active {
+				background-image: url(icons/view-global-white.svg);
+			}
+
+			&.view-reader {
+				background-image: url(icons/view-reader.svg);
+			}
+
+			&.view-reader.active {
+				background-image: url(icons/view-reader-white.svg);
+			}
+
+			&.view-rss {
+				background-image: url(icons/rss.svg);
+			}
+
+		}
+
+		.dropdown {
+			a.dropdown-toggle {
+				border-left-width: 0;
+				background-image: url(icons/more.svg);
+			}
+		}
 	}
-    }
 }
 
 
 #dropdown-query ~ .dropdown-menu .dropdown-header .icon {
-    vertical-align: middle;
-    background-color: $grey-medium-dark;
-    border-radius: 3px;
+	vertical-align: middle;
+	background-color: $grey-medium-dark;
+	border-radius: 3px;
 }
 
 
 /*=== Content of feed articles */
 .content, .content.thin {
-    padding: 20px 10px;
+	padding: 20px 10px;
 
-    font-size: 1.125rem;
-    line-height: 1.8rem;
+	font-size: 1.125rem;
+	line-height: 1.8rem;
 
-    h1.title, h1{
+	h1.title, h1 {
+		a {
+			color: $main-font-color;
+			font-family: "spectral", serif;
+			font-size: 2rem;
 
-	a{
-	    color: $main-font-color;
-	    font-family: "spectral";
-	    font-size: 2rem;
+			&:hover {
+				color: $main-first;
+				text-decoration: none;
+			}
+		}
+	}
 
-	    &:hover{
-		color: $main-first;
-		text-decoration: none;
-	    }
+	.author {
+		color: $light-font-color;
+		font-size: 1.125rem;
+	}
+
+	p, ul {
+		font-size: 1.125rem;
+		line-height: 1.8rem;
+	}
+
+	.content hr {
+		margin: 30px 10px;
+		background: $grey-medium-light;
+		height: 1px;
+		border: 0;
+		box-shadow: 0 2px 5px #ccc;
+	}
+
+	pre {
+		margin: 10px auto;
+		padding: 10px 20px;
+		overflow: auto;
+		background: $main-first-darker;
+		color: $white;
+		font-size: 0.9rem;
+		border-radius: 3px;
+
+		code {
+			background: transparent;
+			color: $white;
+			border: none;
+		}
 	}
-    }
-    .author{
-	font-size: 1.125rem;
-	color: $light-font-color;
-    }
-    p, ul{
-	font-size: 1.125rem;
-	line-height: 1.8rem;
-    }
-    hr{
-    }
-    .content hr {
-	margin: 30px 10px;
-	height: 1px;
-	background: $grey-medium-light;
-	border: 0;
-	box-shadow: 0 2px 5px #ccc;
-    }
-
-    pre {
-	margin: 10px auto;
-	padding: 10px 20px;
-	overflow: auto;
-	background: $main-first-darker;
-	color: $white;
-	font-size: 0.9rem;
-	border-radius: 3px;
 
 	code {
-	    background: transparent;
-	    color: $white;
-	    border: none;
+		padding: 2px 5px;
+		background: $grey-lighter;
+		color: $grey-light;
+		border: 1px solid $grey-light;
+		border-radius: 3px;
 	}
-    }
-    code {
-	padding: 2px 5px;
-	color: $grey-light;
-	background: $grey-lighter;
-	border: 1px solid $grey-light;
-	border-radius: 3px;
-    }
 
 
-    blockquote {
-	display: block;
-	margin: 0;
-	padding: 5px 20px;
-	border-top: 1px solid $grey-medium-light;
-	border-bottom: 1px solid $grey-medium-light;
-	background: $grey-lighter;
-	color: $main-font-color;
-
-	p {
-	    margin: 0;
+	blockquote {
+		margin: 0;
+		padding: 5px 20px;
+		background: $grey-lighter;
+		display: block;
+		color: $main-font-color;
+		border-top: 1px solid $grey-medium-light;
+		border-bottom: 1px solid $grey-medium-light;
+
+		p {
+			margin: 0;
+		}
 	}
-    }
 
 }
 
 
 /*=== Notification and actualize notification */
 .notification {
-    position: fixed;
-    top: auto;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: 3rem;
-    
-    padding: 1rem 0;
-    text-align: center;
-    // font-weight: bold;
-    font-size: 1em;
-    line-height: 3em;
-    z-index: 10;
-    vertical-align: middle;
-    background: $grey-medium-light;
-    color: $grey-dark;
-    // border-radius: 3px;
-    border: none;
-
-    .msg{
-	font-size: 1rem;
-	display: inline-block;
-    }
-    
-    &.good {
-	background: $success-bg;
-	color: $white;
-    }
-    &.bad {
-	background: $alert-bg;
-	color: $white;
-    }
-    a.close {
-	padding: 0 15px;
+
+	padding: 1rem 0;
+	background: $grey-medium-light;
+	width: 100%;
+	height: 3rem;
+	color: $grey-dark;
+	// font-weight: bold;
+	font-size: 1em;
+	// border-radius: 3px;
+	border: none;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	text-align: center;
 	line-height: 3em;
-	border-radius: 0 3px 3px 0;
-    }
-    
-    &.good a.close:hover {
-	background: $success-text;
-    }
-    &.bad a.close:hover {
-	background: $alert-text;
-    }
-
-    &#actualizeProgress {
-	line-height: 2em;
-
-	br{
-	    display: none;
+	z-index: 10;
+	vertical-align: middle;
+
+	.msg {
+		display: inline-block;
+		font-size: 1rem;
+	}
+
+	&.good {
+		background: $success-bg;
+		color: $white;
+	}
+
+	&.bad {
+		background: $alert-bg;
+		color: $white;
+	}
+
+	a.close {
+		padding: 0 15px;
+		border-radius: 0 3px 3px 0;
+		line-height: 3em;
+	}
+
+	&.good a.close:hover {
+		background: $success-text;
+	}
+
+	&.bad a.close:hover {
+		background: $alert-text;
+	}
+
+	&#actualizeProgress {
+		line-height: 2em;
+
+		br {
+			display: none;
+		}
 	}
-    }
 }
 
 
 /*=== Navigation menu (for articles) */
 #nav_entries {
-    margin: 0;
-    text-align: center;
-    line-height: 3em;
-    table-layout: fixed;
-    background: $sid-bg;
+	margin: 0;
+	text-align: center;
+	line-height: 3em;
+	table-layout: fixed;
+	background: $sid-bg;
 }

p/themes/Mapco/_list-view.scss

@@ -1,92 +1,97 @@
 /*=== Feed articles */
 .flux {
-    // border-left: 2px solid #ecf0f1;
-    background: $white;
+	// border-left: 2px solid #ecf0f1;
+	background: $white;
 
-    @include transition(all, 0.15s, ease-in-out);
-    
-    &:hover{
-	background: $grey-lighter;
+	@include transition(all, 0.15s, ease-in-out);
 
-	&:not(.current):hover .item.title {
-	    background: $grey-lighter;
+	&:hover {
+		background: $grey-lighter;
 
-	    
-	}
-    }
-    &.current{
-	border-left-color: $main-first;
-	background: $grey-lighter;
-    }
-    &.not_read{
-	background: $unread-bg; //--------------------
-	// border-left-color: #FF5300;	
-
-	&:hover{
-	    background: $unread-bg-light; //--------------------
-	}
-	
-	&:not(.current):hover .item.title {
-	    background: $unread-bg-light;
+		&:not(.current):hover .item.title {
+			background: $grey-lighter;
 
-	    
+
+		}
 	}
-	.item.title{
-	    a{
-		color: $unread-font-color; //--------------------	
-	    }
-	    
+
+	&.current {
+		background: $grey-lighter;
+		border-left-color: $main-first;
 	}
-	.item.website{
-	    a{
-		color: $unread-font-color; //--------------------	
-	    }
+
+	&.not_read {
+		background: $unread-bg; //--------------------
+		// border-left-color: #FF5300;
+		&:hover {
+			background: $unread-bg-light; //--------------------
+		}
+
+		&:not(.current):hover .item.title {
+			background: $unread-bg-light;
+
+
+		}
+
+		.item.title {
+			a {
+				color: $unread-font-color; //--------------------
+			}
+
+		}
+
+		.item.website {
+			a {
+				color: $unread-font-color; //--------------------
+			}
+		}
+
+		.item.date {
+			color: unquote($unread-font-color+"99"); //--------------------
+		}
 	}
-	.item.date{
-	    color: unquote($unread-font-color+"99"); //--------------------
+
+	&.favorite {
+		background: $fav-light;
+		border-left-color: $fav-bg;
+
+		@include transition(all, 0.15s, ease-in-out);
+
+		&:not(.current):hover .item.title {
+			background: $fav-light;
+		}
 	}
-}
-    
-    &.favorite {
-	background: $fav-light;
-	border-left-color: $fav-bg;
 
-	@include transition(all, 0.15s, ease-in-out);
+	.website {
+		a {
+			color: $main-font-color;
+			opacity: 0.75;
+		}
 
-	&:not(.current):hover .item.title {
-	    background: $fav-light;
+		.favicon {
+			padding: 5px;
+		}
 	}
-    }
 
-    .website{
-	a{
-	    color: $main-font-color;
-	    opacity: 0.75;
+	.date {
+		color: $main-font-color;
+		font-size: 0.85rem;
+		opacity: 0.75;
 	}
-	
-	.favicon {
-	    padding: 5px;
+
+	.bottom {
+		font-size: 1rem;
+		text-align: center;
 	}
-    }
-    .date {
-	font-size: 0.85rem;
-	color: $main-font-color;
-	opacity: 0.75;
-    }
-
-    .bottom {
-	font-size: 1rem;
-	text-align: center;
-    }
 }
 
 .flux_header {
-    font-size: 1rem;
-    cursor: pointer;
-    border-top: 1px solid $grey-light;
-
-    .title {
 	font-size: 1rem;
-    }
+	cursor: pointer;
+	border-top: 1px solid $grey-light;
+
+	.title {
+		font-size: 1rem;
+	}
 }
 

p/themes/Mapco/_logs.scss

@@ -4,13 +4,14 @@
 	overflow: hidden;
 	border: 1px solid $grey-medium-dark;
 }
+
 .log {
 	margin: 10px 0;
 	padding: 5px 2%;
-	overflow: auto;
-	font-size: 0.8rem;
 	background: $grey-lighter;
 	color: $grey-dark;
+	font-size: 0.8rem;
+	overflow: auto;
 }
 
 .log > .date {
@@ -18,16 +19,20 @@
 	padding: 5px 10px;
 	border-radius: 20px;
 }
+
 .log.error > .date {
 	background: $alert-bg;
 	color: #fff;
 }
+
 .log.warning > .date {
 	background: $warning-bg;
 }
+
 .log.notice > .date {
 	background: $grey-light;
 }
+
 .log.debug > .date {
 	background: $main-first-darker;
 	color: $white;

p/themes/Mapco/_mixins.scss

@@ -1,59 +1,71 @@
+/* stylelint-disable property-no-vendor-prefix */
+
 /* FUNCTIONS */
 
 //animation
+
 @mixin transition($target, $duration, $ease) {
-    -webkit-transition: $target $duration $ease;
-    -moz-transition: $target $duration $ease;
-    -o-transition: $target $duration $ease;
-    -ms-transition: $target $duration $ease;
-    transition: $target $duration $ease;
+	-webkit-transition: $target $duration $ease;
+	-moz-transition: $target $duration $ease;
+	-o-transition: $target $duration $ease;
+	-ms-transition: $target $duration $ease;
+	transition: $target $duration $ease;
 }
 
 //animation
+
 @mixin animation-delay($delay) {
-    -webkit-animation-delay: $delay;
-    /* Safari 4.0 - 8.0 */
-    animation-delay: $delay;
+	-webkit-animation-delay: $delay;
+	/* Safari 4.0 - 8.0 */
+	animation-delay: $delay;
 }
 
 //animation
+
 @mixin animation($animate...) {
-    $max: length($animate);
-    $animations: '';
-    @for $i from 1 through $max {
-        $animations: #{$animations + nth($animate, $i)};
-        @if $i < $max {
-            $animations: #{$animations + ", "};
-        }
-    }
-    -webkit-animation: $animations;
-    -moz-animation: $animations;
-    -o-animation: $animations;
-    -ms-transition: $animations;
-    animation: $animations;
+	$max: length($animate);
+	$animations: '';
+
+	@for $i from 1 through $max {
+		$animations: #{$animations + nth($animate, $i)};
+
+		@if $i < $max {
+			$animations: #{$animations + ", "};
+		}
+	}
+	-webkit-animation: $animations;
+	-moz-animation: $animations;
+	-o-animation: $animations;
+	-ms-transition: $animations;
+	animation: $animations;
 }
 
 //keyframes
+
 @mixin keyframes($animationName) {
-    @-webkit-keyframes #{$animationName} {
-        @content;
-    }
-    @-moz-keyframes #{$animationName} {
-        @content;
-    }
-    @-o-keyframes #{$animationName} {
-        @content;
-    }
-    @keyframes #{$animationName} {
-        @content;
-    }
+
+	@-webkit-keyframes #{$animationName} {
+		@content;
+	}
+
+	@-moz-keyframes #{$animationName} {
+		@content;
+	}
+
+	@-o-keyframes #{$animationName} {
+		@content;
+	}
+
+	@keyframes #{$animationName} {
+		@content;
+	}
 }
 
-@mixin border-radius($radius: 4px){
-  -moz-border-radius: $radius;
-  -webkit-border-radius: $radius;
-  -ms-border-radius: $radius;
-  -o-border-radius: $radius;
-  -khtml-border-radius: $radius;
-  border-radius: $radius;
+@mixin border-radius($radius: 4px) {
+	-moz-border-radius: $radius;
+	-webkit-border-radius: $radius;
+	-ms-border-radius: $radius;
+	-o-border-radius: $radius;
+	-khtml-border-radius: $radius;
+	border-radius: $radius;
 }

p/themes/Mapco/_mobile.scss

@@ -1,169 +1,185 @@
 /*=== MOBILE */
 /*===========*/
-@media(max-width: 840px) {
-    html, body{
-	// font-size: 1rem;
-    }
-    ul.nav{
-	.item{
-	    width: 100%;
-	    
-	    img{
-		display: none;
-	    }
-	    a{
-		display: inline-block;
-		padding: 1rem 1rem 1rem 2.5rem;
-		color: $sid-font-color;
-		width: 100%;
-		
-		background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center;
+
+@media (max-width: 840px) {
+	html, body {
+		// font-size: 1rem;
+	}
+
+	ul.nav {
+		.item {
+			width: 100%;
+
+			img {
+				display: none;
+			}
+
+			a {
+				padding: 1rem 1rem 1rem 2.5rem;
+
+				background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center;
+				display: inline-block;
+				width: 100%;
+				color: $sid-font-color;
+
+				@include transition(all, 0.2s, ease-in-out);
+
+				&:hover,
+				&:active {
+					background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center;
+					text-decoration: none;
+				}
+			}
+
+		}
+
+	}
+
+	.aside {
 
 		@include transition(all, 0.2s, ease-in-out);
 
-		&:hover,
-		&:active{
-		    background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center;
-		    text-decoration: none;
+		&.aside_feed {
+			padding: 0;
 		}
-	    }
 
+		.tree .tree-folder .tree-folder-items .item a {
+			padding: 0.5rem 1rem;
+		}
 	}
-	
-    }
-    .aside {
-	@include transition(all, 0.2s, ease-in-out);
-	
-	&.aside_feed {
-	    padding: 0;
+
+	.aside .toggle_aside,
+	#panel .close {
+		background: $main-first-alt;
+		display: block;
+		width: 100%;
+		height: 50px;
+		line-height: 50px;
+		text-align: center;
 	}
 
-	.tree .tree-folder .tree-folder-items .item a{
-	    padding: 0.5rem 1rem;
+	.header {
+		padding: 0.5rem;
+
+		.item {
+			&.title {
+				display: none;
+			}
+
+			&.search {
+				input {
+					width: 90%;
+					height: 3.5rem;
+
+					&:focus {
+						width: 100%;
+
+					}
+				}
+
+				.btn {
+					min-height: 49px;
+					padding: 0.5rem 2rem;
+				}
+			}
+
+			&.configure {
+				width: 2.75rem;
+				top: 3.125rem;
+
+				.dropdown {
+					.btn {
+						padding: 1.125rem;
+					}
+				}
+			}
+		}
 	}
-    }
-    .aside .toggle_aside,
-    #panel .close {
-	display: block;
-	width: 100%;
-	height: 50px;
-	line-height: 50px;
-	text-align: center;
-	background: $main-first-alt;
-    }
-
-    .header{
-	padding: 0.5rem;
-	.item{
-	    &.title{
-		display: none;
-	    }
-	    
-	    &.search{
-		input{
-		    width: 90%;
-		    height: 3.5rem;
-		    
-		    &:focus{
-			width: 100%;
 
-		    }
+	.nav_menu {
+		.btn {
+			margin: 0;
+			padding: 0.85rem 1.25rem;
 		}
-		.btn{
-		    min-height: 49px;
-		    padding: 0.5rem 2rem;
+
+		.stick {
+			margin: 0.5rem 0.5rem;
+
+			.btn {
+				margin: 0;
+				padding: 0.85rem 1.25rem;
+
+				&.read_all {
+					padding: 0.85rem 1.25rem;
+				}
+			}
 		}
-	    }
-	    &.configure{
-		width: 2.75rem;
-		top: 3.125rem;
-		.dropdown{
-		    .btn{
-			padding: 1.125rem;
-		    }
+
+		.search {
+			display: none;
+			max-width: 97%;
+
+			.input {
+
+				max-width: 97%;
+				width: 90px;
+
+				&:focus {
+					width: 400px;
+				}
+			}
 		}
-	    }
-	}
-    }
-    
-    .nav_menu{
-	.btn {
-	    margin: 0;
-	    padding: 0.85rem 1.25rem;
 	}
-	.stick {
-	    margin: 0.5rem 0.5rem;
 
-	    .btn{
-		margin: 0;
-		padding: 0.85rem 1.25rem;
-
-		&.read_all{
-		    padding: 0.85rem 1.25rem;
+	#stream {
+		.flux {
+			.flux_header {
+				padding: 0.5rem 0;
+			}
 		}
-	    }
 	}
-	.search {
-	    display: none;
-	    max-width: 97%;
 
-	    .input{
 
-		max-width: 97%;
-		width: 90px;
 
-		&::focus{
-		   width: 400px; 
+	.day {
+		text-align: center;
+		padding: 1rem 0;
+
+		.name {
+			padding: 0;
+			// font-size: 1.1rem;
+			display: block;
+			width: 100%;
+			line-height: 1.5rem;
+			margin-bottom: 1rem;
 		}
-	    }
+
 	}
-    }
-    #stream{
-	.flux{
-	    .flux_header{
-		padding: 0.5rem 0;
-	    }
+
+	.pagination {
+		margin: 0 0 3.5em;
 	}
-    }
-    
-    
-
-    .day{
-	text-align: center;
-	padding: 1rem 0;
-	.name {
-	    // font-size: 1.1rem;
-	    display: block;
-	    padding: 0;
-	    width: 100%;
-	    line-height: 1.5rem;
-	    margin-bottom: 1rem;
+
+	#nav_entries {
+		line-height: 4.5rem;
 	}
 
-    }
+	.notification {
+		border-radius: 0;
 
-    .pagination {
-	margin: 0 0 3.5em;
-    }
+		a.close {
+			background: transparent;
+			display: block;
+			left: 0;
+		}
 
-    #nav_entries{
-	line-height: 4.5rem;
-    }
+		a.close:hover {
+			opacity: 0.5;
+		}
 
-    .notification {
-	border-radius: 0;
+		a.close .icon {
+			display: none;
 
-	a.close {
-	    display: block;
-	    left: 0;
-	    background: transparent;
-	}
-	a.close:hover {
-	    opacity: 0.5;
-	}
-	a.close .icon {
-	    display: none;
-	    
+		}
 	}
-    }
 }

p/themes/Mapco/_reader-view.scss

@@ -6,8 +6,9 @@
 	color: $main-font-color;
 	border: none;
 }
+
 #stream.reader .flux .author {
 	margin: 0 0 10px;
-	font-size: 90%;
 	color: $grey-medium-dark;
+	font-size: 90%;
 }

p/themes/Mapco/_sidebar.scss

@@ -1,134 +1,139 @@
 /*=== Tree */
 .tree {
-    margin: 10px 0;
-
-    &#sidebar{
-	scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05);
-	scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22");
-    }
-    
-    
-    .tree-folder{
-	border-bottom: 1px solid $sid-sep;
-
-	.tree-folder-title {
-	    position: relative;
-	    background: $sid-bg;
-	    font-size: 0.85rem;
-	    letter-spacing: 1px;
-	    padding: 12px 16px;
-	    font-weight: 700;
-	    text-transform: uppercase;
-
-	    .title {
-		background: inherit;
-		color: $sid-font-color;
-		&:hover{
-		    text-decoration: none;		
-		}
-	    }    
-	}
-	&.active {
-	    .tree-folder-title {
-		background: $sid-bg;
-		font-weight: bold;
-	    }
+	margin: 10px 0;
+
+	&#sidebar {
+		scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05);
+		scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22");
 	}
-	.tree-folder-items {
-	    background: $sid-bg-alt;
 
-	    .item{
-		padding: 0 1rem;
-		line-height: 2.5rem;
-		font-size: 1rem;
-		font-weight: 400;
-		@include transition(all, 0.15s, ease-in-out);
 
-		&.active{
-		    background: $sid-active;
+	.tree-folder {
+		border-bottom: 1px solid $sid-sep;
 
-		    .dropdown li a{
-			color: $main-font-color;
+		.tree-folder-title {
+			padding: 12px 16px;
+			background: $sid-bg;
+			position: relative;
+			font-size: 0.85rem;
+			letter-spacing: 1px;
+			font-weight: 700;
+			text-transform: uppercase;
 
-			&:hover{
-			    color: $sid-font-color;
-			}
-		    }
+			.title {
+				background: inherit;
+				color: $sid-font-color;
 
-		    a{
-			color: $sid-active-font;
-		    }
+				&:hover {
+					text-decoration: none;
+				}
+			}
 		}
 
-		&:hover{
-		    background: $sid-bg-dark;
+		&.active {
+			.tree-folder-title {
+				background: $sid-bg;
+				font-weight: bold;
+			}
 		}
 
-		a{
-		    text-decoration: none;
-		    color: $sid-font-color;
+		.tree-folder-items {
+			background: $sid-bg-alt;
+
+			.item {
+				padding: 0 1rem;
+				line-height: 2.5rem;
+				font-size: 1rem;
+				font-weight: 400;
+
+				@include transition(all, 0.15s, ease-in-out);
+
+				&.active {
+					background: $sid-active;
+
+					.dropdown li a {
+						color: $main-font-color;
+
+						&:hover {
+							color: $sid-font-color;
+						}
+					}
+
+					a {
+						color: $sid-active-font;
+					}
+				}
+
+				&:hover {
+					background: $sid-bg-dark;
+				}
+
+				a {
+					text-decoration: none;
+					color: $sid-font-color;
+				}
+			}
+
+			.feed .item-title:not([data-unread="0"])::before {
+				margin: 11px 6px 0 4px;
+				padding: 3px 4px;
+				background: $sid-pills;
+				display: block;
+				float: left;
+				font-size: 0.75rem;
+				border-radius: 12px;
+				content: attr(data-unread);
+				text-align: center;
+				line-height: 0.75rem;
+			}
 		}
-	    }
-
-	    .feed .item-title:not([data-unread="0"])::before {
-		content: attr(data-unread);
-		background: $sid-pills;
-		font-size: 0.75rem;
-		display: block;
-		float: left;
-		padding: 3px 4px;
-		text-align:center;
-		border-radius: 12px;
-		margin: 11px 6px 0 4px;
-		line-height: 0.75rem;
-	    }
-	    .feed .item-title:not([data-unread="0"]) {
-		
-	    }
 	}
-    }
 }
 
 /*=== Buttons */
 .stick {
-    vertical-align: middle;
-    font-size: 0;
-
-    input, .btn {
-	border-radius: 0;
-    }
-    .btn:first-child,
-    input:first-child {
-	border-radius: 5px 0 0 5px;
-    }
-    .btn:last-child, input:last-child, .btn + .dropdown > .btn {
-	border-radius: 0 5px 5px 0;
-    }
-    .btn + .btn,
-    .btn + input,
-    .btn + .dropdown > .btn,
-    input + .btn,
-    input + input,
-    input + .dropdown > .btn,
-    .dropdown + .btn,
-    .dropdown + input,
-    .dropdown + .dropdown > .btn {
-	border-left: 1px solid $grey-medium-light;
-    }
+	vertical-align: middle;
+	font-size: 0;
+
+	input, .btn {
+		border-radius: 0;
+	}
+
+	.btn:first-child,
+	input:first-child {
+		border-radius: 5px 0 0 5px;
+	}
+
+	.btn:last-child, input:last-child, .btn + .dropdown > .btn {
+		border-radius: 0 5px 5px 0;
+	}
+
+	.btn + .btn,
+	.btn + input,
+	.btn + .dropdown > .btn,
+	input + .btn,
+	input + input,
+	input + .dropdown > .btn,
+	.dropdown + .btn,
+	.dropdown + input,
+	.dropdown + .dropdown > .btn {
+		border-left: 1px solid $grey-medium-light;
+	}
 
 }
 
 .aside {
-    background: $sid-bg;
-
-    &.aside_feed {
-	padding: 10px 0;
-	text-align: center;
 	background: $sid-bg;
-    }
-    &.aside_feed .tree {
-	margin: 10px 0 50px;
-    }
+
+	&.aside_feed {
+		padding: 10px 0;
+		text-align: center;
+		background: $sid-bg;
+	}
+
+	&.aside_feed .tree {
+		margin: 10px 0 50px;
+	}
 
 }
 
@@ -138,154 +143,171 @@
 
 
 /*=== Navigation */
-
-.nav-list{
-    .nav-header,
-    .item{
-	height: 2.5em;
-	line-height: 2.5em;
-	font-size: 1rem;
-    }
-    .item{
-	background: $sid-bg;
-	@include transition(all, 0.15s, ease-in-out);
-	a{
-	    padding: 0 1rem;
-	    color: $sid-font-color;
-	}
-	.error{
-	    a{
-		color: $alert-bg;
-	    }
+.nav-list {
+	.nav-header,
+	.item {
+		height: 2.5em;
+		line-height: 2.5em;
+		font-size: 1rem;
 	}
-	&:hover{
-	    background: $sid-bg-dark;
-	    color: $sid-font-color;
-
-	    .error{
-		a{
-		    color: $sid-font-color;
-		    background: $main-first;
+
+	.item {
+		background: $sid-bg;
+
+		@include transition(all, 0.15s, ease-in-out);
+
+		a {
+			padding: 0 1rem;
+			color: $sid-font-color;
 		}
-	    }
-	    .empty{
-		a{
-		    color: $sid-font-color;
-		    background: $warning-bg;
+
+		.error {
+			a {
+				color: $alert-bg;
+			}
 		}
-	    }
-	    
-	    a{
-		color: $sid-font-color;
-		text-decoration: none;
-	    }
-	}
-	&.active{
-	    background: $main-first;
-	    color: $white;
-	    
-	    .error{
-		a{
-		    color: $white;
-		    background: $main-first;
+
+		&:hover {
+			background: $sid-bg-dark;
+			color: $sid-font-color;
+
+			.error {
+				a {
+					background: $main-first;
+					color: $sid-font-color;
+				}
+			}
+
+			.empty {
+				a {
+					background: $warning-bg;
+					color: $sid-font-color;
+				}
+			}
+
+			a {
+				color: $sid-font-color;
+				text-decoration: none;
+			}
 		}
-	    }
 
-	    .empty{
-		a{
-		    color: $white;
-		    background: $warning-bg;
+		&.active {
+			background: $main-first;
+			color: $white;
+
+			.error {
+				a {
+					background: $main-first;
+					color: $white;
+				}
+			}
+
+			.empty {
+				a {
+					background: $warning-bg;
+					color: $white;
+				}
+			}
+
+			a {
+				color: $white;
+				text-decoration: none;
+			}
 		}
-	    }
-	    
-	    a{
-		color: $white;
-		text-decoration: none;
-	    }
+
 	}
-	
-    }
-    &.empty{
-	a{
-	    color: $warning-bg;
+
+	&.empty {
+		a {
+			color: $warning-bg;
+		}
 	}
-    }
-    .disable{
-	text-align: center;
-	background: $grey-lighter;
-	color: $grey-medium-dark;
-    }
 
-    .nav-header {
-	padding: 0 10px;
-	font-weight: bold;
-	color: $grey-dark;
-	text-transform: uppercase;
-	letter-spacing: 1px;
-	margin-top: 1rem;
-    }
-
-     .nav-form {
-	 padding: 3px;
-	 text-align: center;
-     }
-
-     .nav-head {
-	 margin: 0;
-	 text-align: right;
-	 // background: #34495e;
-	 color: $white;
-	 a {
-	     color: $white;
-	 }
-	 .item {
-	     padding: 5px 10px;
-	     font-size: 0.9rem;
-	     line-height: 1.5rem;
-	 }
-     }
+	.disable {
+		text-align: center;
+		background: $grey-lighter;
+		color: $grey-medium-dark;
+	}
+
+	.nav-header {
+		padding: 0 10px;
+		font-weight: bold;
+		color: $grey-dark;
+		text-transform: uppercase;
+		letter-spacing: 1px;
+		margin-top: 1rem;
+	}
+
+	.nav-form {
+		padding: 3px;
+		text-align: center;
+	}
+
+	.nav-head {
+		margin: 0;
+		text-align: right;
+		// background: #34495e;
+		color: $white;
+
+		a {
+			color: $white;
+		}
+
+		.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 {
-    position: absolute;
-    right: 0;
-    line-height: 1.5rem;
-    background: $sid-pills;
-    border-radius: 12px;
-    padding: 0 0.75rem;
-    margin: -0.5rem 1rem 0 0;
-    text-align: center;
+	margin: -0.5rem 1rem 0 0;
+	padding: 0 0.75rem;
+	background: $sid-pills;
+	border-radius: 12px;
+	position: absolute;
+	right: 0;
+	line-height: 1.5rem;
+	text-align: center;
 }
 
 .feed.item.empty.active {
-    background: $grey-dark;
+	background: $grey-dark;
 }
+
 .feed.item.error.active {
-    background: $grey-dark;
+	background: $grey-dark;
 }
+
 .feed.item.empty,
 .feed.item.empty > a {
-    color: $grey-dark;
+	color: $grey-dark;
 }
+
 .feed.item.error,
 .feed.item.error > a {
-    color: $grey-dark;
+	color: $grey-dark;
 }
+
 .feed.item.empty.active,
 .feed.item.error.active,
 .feed.item.empty.active > a,
 .feed.item.error.active > a {
-    color: $white;
+	color: $white;
 }
+
 .aside_feed .tree-folder-items .dropdown-menu::after {
-    left: 2px;
+	left: 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-left-color: $sid-bg;
+
+.aside_feed .stick #btn-importExport {
+	border-left-color: $sid-bg;
 }

p/themes/Mapco/_stats.scss

@@ -9,6 +9,7 @@
 .stat tr {
 	border: none;
 }
+
 .stat > table td,
 .stat > table th {
 	border-bottom: 1px solid $grey-medium-light;
@@ -17,11 +18,13 @@
 .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;
 }

p/themes/Mapco/_tables.scss

@@ -7,9 +7,11 @@ tr, th, td {
 	padding: 0.5em;
 	border: 1px solid $grey-medium-light;
 }
+
 th {
 	background: $grey-lighter;
 }
+
 form td,
 form th {
 	font-weight: normal;

p/themes/Mapco/_variables.scss

@@ -1,6 +1,6 @@
 // La couleur principale du thème
-$main-first: #3366cc; // couleur principale
-$main-first-alt: #2255cc; // var pour les hovers
+$main-first: #36c; // couleur principale
+$main-first-alt: #25c; // var pour les hovers
 $main-first-light: #effcfd; // var light 1
 $main-first-lighter: #f7fdfe; // var light 2
 $main-first-dark: #35363c; // var pour les hovers
@@ -15,11 +15,11 @@ $white: #fff; // le blanc (des fois qu'on aurait envie de le teinter un peu)
 // on essaiera de teinter ces gris suivant la couleur principale
 $grey-darker: #3b3f4d;
 $grey-dark: #5b6871;
-$grey-medium-dark: #a6a7ae; 
+$grey-medium-dark: #a6a7ae;
 $grey-medium: #c5ced3;
-$grey-medium-light: #d5d8db; 
-$grey-light: #eff0f2; 
-$grey-lighter: #f9fafb; 
+$grey-medium-light: #d5d8db;
+$grey-light: #eff0f2;
+$grey-lighter: #f9fafb;
 
 $unread-font-color: $main-first;
 $unread-bg: #f2f6f8;
@@ -39,15 +39,15 @@ $success-light: #cffde7;
 $success-text: #0c7540;
 
 // les favoris
-$fav-bg: #FFC300;
-$fav-light: #FFF6DA;
+$fav-bg: #ffc300;
+$fav-light: #fff6da;
 
 // la couleur de sidebar, utile si on a envie d'un thème qui aurait une sidebar foncé, e.g.
-$sid-font-color: #FFFFFF; // la couleur de fond de la barre de gauche et du header
+$sid-font-color: #fff; // la couleur de fond de la barre de gauche et du header
 $sid-bg: #303136; // le background général de la barre de gauche, et du header
 $sid-bg-alt: #26272a; // le background de l'intérieur des groupes
 $sid-bg-dark: #17181a; // les hovers
 $sid-sep: #3f3f3f; // les séparateurs
 $sid-active: $main-first; // la couleur active
-$sid-active-font: #FFFFFF; // la couleur active
+$sid-active-font: #fff; // la couleur active
 $sid-pills: rgba(0,0,0, 0.25); // les gélules

p/themes/Mapco/mapco.css

@@ -46,33 +46,34 @@
   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: #f9fafb;
   display: inline-block;
+  color: #5b6871;
+  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: #f9fafb;
-  border-radius: 5px;
-  border: none;
-  color: #5b6871;
   -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; }
   .btn.btn-important {
-    background: #3366cc;
+    background: #36c;
     color: #fff; }
     .btn.btn-important:hover, .btn.btn-important:active {
-      background: #2255cc; }
+      background: #25c; }
   .btn.btn-attention {
     background: #f5633e;
     color: #fff; }
@@ -87,10 +88,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;
@@ -108,23 +109,23 @@ 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 #eff0f2;
-  font-size: 1rem;
   color: #5b6871;
-  border-radius: 2px; }
+  font-family: "lato", "Helvetica", "Arial", sans-serif;
+  font-size: 1rem;
+  border: 1px solid #eff0f2;
+  border-radius: 2px;
+  min-height: 25px;
+  line-height: 25px;
+  vertical-align: middle; }
 
 option {
   padding: 0 .5em; }
 
 input:focus, select:focus, textarea:focus {
   color: #303136;
-  border-color: #3366cc; }
+  border-color: #36c; }
 
 input:invalid, select:invalid {
   color: #f5633e;
@@ -135,11 +136,7 @@ input:disabled, select:disabled {
   background: #eff0f2; }
 
 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;
@@ -194,29 +191,24 @@ form th {
 
 /*=== Dropdown */
 .dropdown-menu {
-  background: #f9fafb;
   margin: 0;
-  font-size: 1rem;
-  text-align: left;
   padding: 0.5rem 0 1rem 0;
+  background: #f9fafb;
+  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;
@@ -232,18 +224,18 @@ 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: #303136;
       font-size: 1rem;
-      color: #303136; }
+      line-height: 2.5em; }
     .dropdown-menu .item:hover {
-      background: #3366cc;
+      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 {
-      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;
@@ -252,32 +244,26 @@ form th {
     margin: 0.75rem 0;
     border-bottom: 1px solid #eff0f2; }
 
-.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: #303136; }
     .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: #3366cc; }
+    background: #36c; }
 
 /*=== Alerts */
 .alert {
   margin: 1rem 0;
   padding: 1rem;
-  font-size: 1rem;
   background: #f9fafb;
+  color: #5b6871;
+  font-size: 1rem;
   border: 1px solid #c5ced3;
   border-radius: 3px;
-  color: #5b6871;
   text-shadow: 0 0 1px #eff0f2; }
 
 .alert-head {
@@ -289,43 +275,43 @@ form th {
 
 .alert-warn {
   background: #fdfde0;
-  border: 1px solid #73762f33;
-  color: #73762f; }
+  color: #73762f;
+  border: 1px solid #73762f33; }
 
 .alert-success {
   background: #cffde7;
-  border: 1px solid #0c754033;
-  color: #0c7540; }
+  color: #0c7540;
+  border: 1px solid #0c754033; }
 
 .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: #eff0f2;
-  color: #303136; }
+  color: #303136;
+  font-size: 0.8em;
+  text-align: center; }
   .pagination .item.pager-current {
-    font-weight: bold;
-    font-size: 1.5em;
     background: #303136;
-    color: #eff0f2; }
+    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;
-    color: #303136; }
+    text-decoration: none; }
     .pagination .item a:hover {
       background: #303136;
       color: #eff0f2; }
   .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;
@@ -333,11 +319,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;
@@ -348,20 +332,20 @@ 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 #3366cc; }
+        background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; }
     .box .box-title .configure {
       visibility: hidden; }
     .box .box-title form input {
@@ -370,35 +354,35 @@ 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: #303136;
-    line-height: 1.7em;
-    border-bottom: 1px solid #eff0f2; }
+    font-size: 1rem;
+    border-bottom: 1px solid #eff0f2;
+    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 #3366cc; }
+        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 {
@@ -409,24 +393,24 @@ form th {
   text-align: center;
   text-decoration: none;
   background: #effcfd;
-  color: #3366cc;
+  color: #36c;
   -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; }
   #bigMarkAsRead:hover {
-    background: #3366cc;
+    background: #36c;
     color: #fff; }
     #bigMarkAsRead:hover .bigTick {
       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 {
@@ -442,8 +426,8 @@ form th {
   .formLogin form#crypto-form div {
     margin-bottom: 1rem; }
     .formLogin form#crypto-form div label {
-      font-size: 1rem;
-      color: #c5ced3; }
+      color: #c5ced3;
+      font-size: 1rem; }
     .formLogin form#crypto-form div input {
       background: #1d1e22; }
       .formLogin form#crypto-form div input:focus {
@@ -467,20 +451,20 @@ form th {
   margin: 10px 0; }
   .tree#sidebar {
     scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05);
-    scrollbar-color: #FFFFFF33 #FFFFFF22; }
+    scrollbar-color: #fff33 #fff22; }
   .tree .tree-folder {
     border-bottom: 1px solid #3f3f3f; }
     .tree .tree-folder .tree-folder-title {
-      position: relative;
+      padding: 12px 16px;
       background: #303136;
+      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 {
         background: inherit;
-        color: #FFFFFF; }
+        color: #fff; }
         .tree .tree-folder .tree-folder-title .title:hover {
           text-decoration: none; }
     .tree .tree-folder.active .tree-folder-title {
@@ -499,28 +483,28 @@ form th {
         -ms-transition: all 0.15s ease-in-out;
         transition: all 0.15s ease-in-out; }
         .tree .tree-folder .tree-folder-items .item.active {
-          background: #3366cc; }
+          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: #FFFFFF; }
+              color: #fff; }
           .tree .tree-folder .tree-folder-items .item.active a {
-            color: #FFFFFF; }
+            color: #fff; }
         .tree .tree-folder .tree-folder-items .item:hover {
           background: #17181a; }
         .tree .tree-folder .tree-folder-items .item a {
           text-decoration: none;
-          color: #FFFFFF; }
+          color: #fff; }
       .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(0, 0, 0, 0.25);
-        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 */
@@ -570,30 +554,30 @@ form th {
   transition: all 0.15s ease-in-out; }
   .nav-list .item a {
     padding: 0 1rem;
-    color: #FFFFFF; }
+    color: #fff; }
   .nav-list .item .error a {
     color: #f5633e; }
   .nav-list .item:hover {
     background: #17181a;
-    color: #FFFFFF; }
+    color: #fff; }
     .nav-list .item:hover .error a {
-      color: #FFFFFF;
-      background: #3366cc; }
+      background: #36c;
+      color: #fff; }
     .nav-list .item:hover .empty a {
-      color: #FFFFFF;
-      background: #f4f762; }
+      background: #f4f762;
+      color: #fff; }
     .nav-list .item:hover a {
-      color: #FFFFFF;
+      color: #fff;
       text-decoration: none; }
   .nav-list .item.active {
-    background: #3366cc;
+    background: #36c;
     color: #fff; }
     .nav-list .item.active .error a {
-      color: #fff;
-      background: #3366cc; }
+      background: #36c;
+      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; }
@@ -626,13 +610,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(0, 0, 0, 0.25);
+  border-radius: 12px;
   position: absolute;
   right: 0;
   line-height: 1.5rem;
-  background: rgba(0, 0, 0, 0.25);
-  border-radius: 12px;
-  padding: 0 0.75rem;
-  margin: -0.5rem 1rem 0 0;
   text-align: center; }
 
 .feed.item.empty.active {
@@ -670,19 +654,19 @@ form th {
 /*===============*/
 /*=== Header */
 .header {
-  background: #303136;
   padding: 0.5rem 1.35rem;
+  background: #303136;
   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: #FFFFFF;
+        color: #fff;
         font-size: 1rem;
         text-transform: uppercase;
         letter-spacing: 1px; }
@@ -690,10 +674,10 @@ form th {
           margin-right: 0.5rem; }
     .header .item.search input {
       width: 230px;
+      color: #fff;
+      border: none;
       border-radius: 2px 0 0 2px;
       background-color: #26272a;
-      color: #FFFFFF;
-      border: none;
       -webkit-transition: all 0.15s ease-in-out;
       -moz-transition: all 0.15s ease-in-out;
       -o-transition: all 0.15s ease-in-out;
@@ -703,21 +687,21 @@ form th {
         background-color: #17181a; }
       .header .item.search input:focus {
         width: 350px;
-        background-color: #fff;
-        color: #5b6871; }
+        color: #5b6871;
+        background-color: #fff; }
     .header .item.search .btn {
+      width: 3rem;
       border-radius: 0 2px 2px 0;
-      background-color: #3366cc;
+      background-color: #36c;
       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; }
       .header .item.search .btn:hover {
-        background-color: #2255cc; }
+        background-color: #25c; }
     .header .item.configure {
       width: 2rem;
       position: absolute;
@@ -725,11 +709,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-white.svg);
-        padding: 0 0.5rem; }
+        background-image: url(icons/cog-white.svg); }
         .header .item.configure .btn img {
           display: none; }
 
@@ -757,12 +741,12 @@ form th {
 
 /*=== New article notification */
 #new-article {
-  text-align: center;
+  background: #36c;
   font-size: 1rem;
-  background: #3366cc; }
+  text-align: center; }
 
 #new-article:hover {
-  background: #2255cc; }
+  background: #25c; }
 
 #new-article > a {
   line-height: 3em;
@@ -775,16 +759,16 @@ form th {
 /*=== Day indication */
 .day {
   padding: 1rem 0 0 1.25rem;
+  color: #5b6871;
+  font-size: 0.875rem;
   font-weight: 700;
   line-height: 3em;
   letter-spacing: 1px;
-  text-transform: uppercase;
-  font-size: 0.875rem;
-  color: #5b6871; }
+  text-transform: uppercase; }
   .day .name {
     padding: 0 1rem 0 1rem;
-    font-size: 0.875rem;
     color: #303136;
+    font-size: 0.875rem;
     position: relative;
     left: 0;
     text-transform: uppercase; }
@@ -817,7 +801,7 @@ form th {
       .nav_menu .stick .btn:hover {
         background-color: #d5d8db; }
       .nav_menu .stick .btn.active {
-        background-color: #3366cc; }
+        background-color: #36c; }
       .nav_menu .stick .btn img.icon {
         display: none; }
       .nav_menu .stick .btn#toggle-read {
@@ -837,9 +821,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: #f9fafb;
-        color: #303136;
         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;
@@ -877,21 +861,21 @@ form th {
   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";
+    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: #3366cc;
+      color: #36c;
       text-decoration: none; }
   .content .author, .content.thin .author {
-    font-size: 1.125rem;
-    color: #5b6871; }
+    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;
-    height: 1px;
     background: #d5d8db;
+    height: 1px;
     border: 0;
     box-shadow: 0 2px 5px #ccc; }
   .content pre, .content.thin pre {
@@ -908,42 +892,42 @@ form th {
       border: none; }
   .content code, .content.thin code {
     padding: 2px 5px;
-    color: #eff0f2;
     background: #f9fafb;
+    color: #eff0f2;
     border: 1px solid #eff0f2;
     border-radius: 3px; }
   .content blockquote, .content.thin blockquote {
-    display: block;
     margin: 0;
     padding: 5px 20px;
-    border-top: 1px solid #d5d8db;
-    border-bottom: 1px solid #d5d8db;
     background: #f9fafb;
-    color: #303136; }
+    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 {
+  padding: 1rem 0;
+  background: #d5d8db;
+  width: 100%;
+  height: 3rem;
+  color: #5b6871;
+  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: #d5d8db;
-  color: #5b6871;
-  border: none; }
+  vertical-align: middle; }
   .notification .msg {
-    font-size: 1rem;
-    display: inline-block; }
+    display: inline-block;
+    font-size: 1rem; }
   .notification.good {
     background: #10f587;
     color: #fff; }
@@ -952,8 +936,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: #0c7540; }
   .notification.bad a.close:hover {
@@ -984,8 +968,8 @@ form th {
     .flux:hover:not(.current):hover .item.title {
       background: #f9fafb; }
   .flux.current {
-    border-left-color: #3366cc;
-    background: #f9fafb; }
+    background: #f9fafb;
+    border-left-color: #36c; }
   .flux.not_read {
     background: #f2f6f8; }
     .flux.not_read:hover {
@@ -993,29 +977,29 @@ form th {
     .flux.not_read:not(.current):hover .item.title {
       background: #fdfdfe; }
     .flux.not_read .item.title a {
-      color: #3366cc; }
+      color: #36c; }
     .flux.not_read .item.website a {
-      color: #3366cc; }
+      color: #36c; }
     .flux.not_read .item.date {
-      color: #3366cc99; }
+      color: #36c99; }
   .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;
     -ms-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: #303136;
     opacity: 0.75; }
   .flux .website .favicon {
     padding: 5px; }
   .flux .date {
-    font-size: 0.85rem;
     color: #303136;
+    font-size: 0.85rem;
     opacity: 0.75; }
   .flux .bottom {
     font-size: 1rem;
@@ -1033,38 +1017,38 @@ 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: #5b6871;
+    font-size: 1rem;
     font-weight: normal;
     text-decoration: none;
     text-align: left;
-    font-size: 1rem;
     text-transform: uppercase;
-    letter-spacing: 1px;
-    color: #5b6871; }
+    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: #eff0f2;
+      border-radius: 12px;
       position: absolute;
       top: 1.75rem;
       right: 0;
       line-height: 1.5rem;
-      background: #eff0f2;
-      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: #3366cc; }
+      color: #36c; }
 #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: #303136;
       font-weight: 400; }
       #stream .box.category .box-content .item.feed a:hover {
-        color: #3366cc;
+        color: #36c;
         text-decoration: none; }
 
 #overlay {
@@ -1087,8 +1071,8 @@ form th {
 
 #stream.reader .flux .author {
   margin: 0 0 10px;
-  font-size: 90%;
-  color: #a6a7ae; }
+  color: #a6a7ae;
+  font-size: 90%; }
 
 /*=== Configuration pages */
 .post {
@@ -1101,42 +1085,40 @@ form th {
   .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;
-    color: #303136; }
+    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: #f9fafb;
+    display: inline-block;
+    color: #5b6871;
+    font-size: 1rem;
     border: 1px solid #d5d8db;
     border-radius: 5px;
-    color: #5b6871; }
+    min-width: 15px;
+    line-height: 25px;
+    vertical-align: middle;
+    cursor: pointer;
+    overflow: hidden; }
     .post a[href="./"]:hover {
-      text-decoration: none;
-      background: #3366cc;
+      background: #36c;
       color: white;
-      border: 1px solid #3366cc; }
+      border: 1px solid #36c;
+      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; }
@@ -1150,10 +1132,10 @@ form th {
 .log {
   margin: 10px 0;
   padding: 5px 2%;
-  overflow: auto;
-  font-size: 0.8rem;
   background: #f9fafb;
-  color: #5b6871; }
+  color: #5b6871;
+  font-size: 0.8rem;
+  overflow: auto; }
 
 .log > .date {
   margin: 0 10px 0 0;
@@ -1207,11 +1189,11 @@ form th {
     ul.nav .item img {
       display: none; }
     ul.nav .item a {
-      display: inline-block;
       padding: 1rem 1rem 1rem 2.5rem;
-      color: #FFFFFF;
-      width: 100%;
       background: url("../../themes/icons/logout.svg") no-repeat #17181a 3% 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;
@@ -1234,12 +1216,12 @@ form th {
 
   .aside .toggle_aside,
   #panel .close {
+    background: #25c;
     display: block;
     width: 100%;
     height: 50px;
     line-height: 50px;
-    text-align: center;
-    background: #2255cc; }
+    text-align: center; }
 
   .header {
     padding: 0.5rem; }
@@ -1275,7 +1257,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 {
@@ -1285,8 +1267,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; }
@@ -1300,26 +1282,24 @@ 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: #eff0f2;
   height: 100%;
-  background: #eff0f2; }
+  font-family: "lato", "Helvetica", "Arial", sans-serif;
+  font-size: 0.875rem; }
 
 /*=== Links */
 a, button.as-link {
   outline: none;
-  color: #3366cc; }
+  color: #36c; }
 
 /*# sourceMappingURL=mapco.css.map */

p/themes/Mapco/mapco.scss

@@ -1,51 +1,48 @@
 @import "fonts";
+
 @import "mixins";
+
 @import "variables";
 
 @import "forms";
+
 @import "tables";
+
 @import "components";
 
 @import "divers";
 
 @import "sidebar";
+
 @import "layout";
+
 @import "list-view";
+
 @import "global-view";
+
 @import "reader-view";
 
 @import "configuration";
 
 @import "logs";
+
 @import "stats";
 
 @import "mobile";
 
-html, body{
-    font-family: "lato", "Helvetica", "Arial", sans-serif;
-    font-size: 0.875rem;
-}
-
 @charset "UTF-8";
 
 /*=== GENERAL */
 /*============*/
 html, body {
-	height: 100%;
 	background: $grey-light;
+	height: 100%;
+	font-family: "lato", "Helvetica", "Arial", sans-serif;
+	font-size: 0.875rem;
 }
 
 /*=== Links */
 a, button.as-link {
-    outline: none;
-    color: $main-first;
+	outline: none;
+	color: $main-first;
 }
-
-
-
-
-
-
-
-
-

p/themes/Swage/swage.css

@@ -1,1129 +1,909 @@
-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;
-}
+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: 0.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: 0.8rem;
-color: #FCFCFC;
-}
+  height: 2.5em;
+  line-height: 2.5em;
+  font-size: 0.9rem; }
+
+.dropdown-menu > .item, .dropdown-menu > .item > a,
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link,
+.dropdown-menu > .item button {
+  padding: 0 22px;
+  color: #fcfcfc;
+  font-size: 0.8rem;
+  line-height: 2.5em; }
 
 .form-group::after, .flux::after {
-content: "";
-display: block;
-clear: both;
-}
+  content: "";
+  display: block;
+  clear: both; }
 
 .stick.configure-feeds, .header > .item.title, .aside, #new-article, .notification, #nav_entries {
-width: 231px;
-}
+  width: 231px; }
 
-html, body {
-height: 100%;
-font-family: Helvetica, Arial, sans-serif;
-}
+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;
-}
-a#btn-subscription {
-width: 76%;
-}
-a#btn-importExport {
-width: 5%;
-}
+  color: #00488b;
+  outline: none; }
+  a.btn {
+    min-height: 25px;
+    line-height: 25px;
+    text-decoration: none; }
+    a.btn:hover {
+      background: #00488b; }
+  a#btn-subscription {
+    width: 76%; }
+  a#btn-importExport {
+    width: 5%; }
 
 img.icon:hover {
-background: none;
-}
+  background: none; }
 
 div#stream {
-margin-top: 35px;
-}
+  margin-top: 35px; }
 
 sup {
-top: -0.3em;
-}
+  top: -0.3em; }
 
 legend {
-display: inline-block;
-width: auto;
-margin: 20px 0 5px;
-padding: 5px 20px;
-font-size: 1.4em;
-clear: both;
-background: #e3e3e3;
-}
+  margin: 20px 0 5px;
+  padding: 5px 20px;
+  background: #e3e3e3;
+  display: inline-block;
+  width: auto;
+  font-size: 1.4em;
+  clear: both; }
 
 label {
-min-height: 25px;
-}
+  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;
-}
+  background: #e3e3e3;
+  width: 360px;
+  height: 100px; }
+  textarea:focus {
+    border-color: #00488b; }
+
+input:focus,
+select:focus {
+  border-color: #00488b; }
+input:disabled,
+select:disabled {
+  background: #fcfcfc; }
 
 select {
-background: #e3e3e3;
-}
+  background: #e3e3e3; }
 
 input.extend {
-transition: width 200ms linear;
-}
+  transition: width 200ms linear; }
 
 option {
-padding: 0 .5em;
-}
+  padding: 0 .5em; }
 
 table {
-border-collapse: collapse;
-}
+  border-collapse: collapse; }
 
-tr, td, th {
-padding: 0.5em;
-border: 1px solid #e3e3e3;
-}
+tr,
+td,
+th {
+  padding: 0.5em;
+  border: 1px solid #e3e3e3; }
 
 th {
-background: #FCFCFC;
-}
+  background: #fcfcfc; }
 
-form td, form th {
-font-weight: normal;
-text-align: center;
-}
+form td,
+form 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);
-}
+  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: 2.0em;
-}
-.form-group table {
-margin: 10px 0 0 220px;
-}
+  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: 2.0em; }
+  .form-group table {
+    margin: 10px 0 0 220px; }
 
 .stick {
-vertical-align: middle;
-font-size: 0;
-}
+  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: #0062be;
-border: none;
-color: #FCFCFC;
-}
-.btn.active, .btn :active, .btn :hover {
-background: #00488b;
-text-decoration: none;
-}
+  margin: 0;
+  padding: 5px 10px;
+  background: #0062be;
+  display: inline-block;
+  color: #fcfcfc;
+  font-size: 0.9rem;
+  border: none;
+  min-height: 35px;
+  min-width: 15px;
+  vertical-align: middle;
+  cursor: pointer;
+  overflow: hidden; }
+  .btn.active,
+  .btn :active,
+  .btn :hover {
+    background: #00488b;
+    text-decoration: none; }
 
 .btn-important, .btn-attention {
-font-weight: normal;
-background: #FA8052;
-color: #FCFCFC;
-}
-.btn-important:hover, .btn-important :active, .btn-attention:hover, .btn-attention :active {
-background: #f95c20 !important;
-}
+  font-weight: normal;
+  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: bold;
-background: #22303d;
-color: #FCFCFC;
-cursor: default;
-}
+  padding: 0 10px;
+  font-weight: bold;
+  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;
-}
+  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;
-}
+  padding: 0 10px; }
 .nav-list .item.empty a {
-color: #FA8052;
-}
+  color: #fa8052; }
 .nav-list .item.error a {
-color: #c46178;
-}
+  color: #c46178; }
 .nav-list .disable {
-text-align: center;
-background: #FCFCFC;
-color: #969696;
-}
+  text-align: center;
+  background: #fcfcfc;
+  color: #969696; }
 .nav-list .nav-form {
-padding: 3px;
-text-align: center;
-}
+  padding: 3px;
+  text-align: center; }
 .nav-list a:hover {
-text-decoration: none;
-}
+  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: 0.9rem;
-line-height: 1.5rem;
-}
+  margin: 0;
+  text-align: right;
+  background: #22303d;
+  color: #fcfcfc; }
+  .nav-head a {
+    color: #fcfcfc; }
+  .nav-head .item {
+    padding: 5px 10px;
+    font-size: 0.9rem;
+    line-height: 1.5rem; }
 
 .horizontal-list {
-margin: 0;
-padding: 0;
-}
-.horizontal-list .item {
-vertical-align: middle;
-}
+  margin: 0;
+  padding: 0; }
+  .horizontal-list .item {
+    vertical-align: middle; }
 
 .dropdown-menu {
-padding: 5px 0;
-font-size: 0.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: bold;
-margin: 0 0 0 -14px;
-}
-.dropdown-menu .input select, .dropdown-menu .input input {
-margin: 0 auto 5px;
-padding: 2px 5px;
-}
+  padding: 5px 0;
+  font-size: 0.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: bold;
+    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: bold;
-text-align: left;
-color: #FCFCFC;
-}
+  padding: 0 5px 5px;
+  font-weight: bold;
+  text-align: left;
+  color: #fcfcfc; }
 
 .separator {
-margin: 5px 0;
-border-bottom: 1px solid #e3e3e3;
-cursor: default;
-}
+  margin: 5px 0;
+  border-bottom: 1px solid #e3e3e3;
+  cursor: default; }
 
 .alert {
-margin: 5px auto;
-padding: 10px 15px;
-font-size: 0.9em;
-background: #FCFCFC;
-border: none;
-color: #969696;
-text-shadow: 0 0 1px #FCFCFC;
-}
-.alert > a {
-text-decoration: underline;
-color: inherit;
-}
+  margin: 5px auto;
+  padding: 10px 15px;
+  background: #fcfcfc;
+  color: #969696;
+  font-size: 0.9em;
+  border: none;
+  text-shadow: 0 0 1px #fcfcfc; }
+  .alert > a {
+    color: inherit;
+    text-decoration: underline; }
 
 .alert-head {
-font-size: 1.15em;
-}
+  font-size: 1.15em; }
 
-.alert-warn, .alert-success, .alert-error {
-border: none;
-}
+.alert-warn,
+.alert-success,
+.alert-error {
+  border: none; }
 
 .alert-warn {
-background: #FCFCFC;
-color: #FA8052;
-}
+  background: #fcfcfc;
+  color: #fa8052; }
 
 .alert-success {
-background: #FCFCFC;
-color: #5EAABF;
-}
+  background: #fcfcfc;
+  color: #5eaabf; }
 
 .alert-error {
-background: #FCFCFC;
-color: #B0425B;
-}
+  background: #fcfcfc;
+  color: #b0425b; }
 
 .pagination {
-text-align: center;
-font-size: 0.8em;
-background: #e3e3e3;
-color: #181621;
-}
-.pagination .item.pager-current {
-font-weight: bold;
-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;
-}
+  background: #e3e3e3;
+  color: #181621;
+  font-size: 0.8em;
+  text-align: center; }
+  .pagination .item.pager-current {
+    background: #22303d;
+    color: #e3e3e3;
+    font-size: 1.5em;
+    font-weight: bold; }
+  .pagination .item a {
+    display: block;
+    color: #181621;
+    font-style: italic;
+    line-height: 3em;
+    text-decoration: none; }
+    .pagination .item a:hover {
+      background: #22303d;
+      color: #e3e3e3; }
+  .pagination .loading,
+  .pagination a:hover.loading {
+    background: url(loader.gif) center center no-repeat #22303d;
+    font-size: 0; }
 
 .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: 0.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;
-}
+  padding: 20px 10px; }
+  .content .pagination {
+    margin: 0;
+    padding: 0; }
+  .content hr {
+    margin: 30px 10px;
+    background: #e3e3e3;
+    height: 1px;
+    border: 0;
+    box-shadow: 0 2px 5px #e3e3e3; }
+  .content pre {
+    margin: 10px auto;
+    padding: 10px 20px;
+    overflow: auto;
+    background: #181621;
+    color: #fcfcfc;
+    font-size: 0.9rem; }
+    .content pre code {
+      background: transparent;
+      color: #fcfcfc;
+      border: none; }
+  .content code {
+    padding: 2px 5px;
+    background: #fcfcfc;
+    color: #b0425b;
+    border: 1px solid #fcfcfc; }
+  .content blockquote {
+    margin: 0;
+    padding: 5px 20px;
+    background: #fcfcfc;
+    display: block;
+    color: #969696;
+    border-top: 1px solid #e3e3e3;
+    border-bottom: 1px solid #e3e3e3; }
+    .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: 0.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: normal;
-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: bold;
-color: #FCFCFC;
-}
-.box.category .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;
-}
-.box.category .item.feed {
-padding: 2px 10px;
-font-size: 0.8rem;
-}
+  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: 0.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: normal;
+    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: bold;
+      color: #fcfcfc; }
+  .box.category .title:not([data-unread="0"])::after {
+    background: none;
+    border: 0;
+    box-shadow: none;
+    position: absolute;
+    top: 5px;
+    right: 10px;
+    font-weight: bold;
+    text-shadow: none; }
+  .box.category .item.feed {
+    padding: 2px 10px;
+    font-size: 0.8rem; }
 
 .tree {
-margin: 10px 0;
-}
+  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;
-}
+  padding: 0 10px;
+  background: #22303d;
+  height: 35px;
+  font-size: 1rem;
+  position: relative;
+  line-height: 2.3rem; }
+  .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: 0.8rem;
-}
-.tree-folder-items > .item.active {
-background: #00488b;
-}
-.tree-folder-items > .item > a {
-text-decoration: none;
-color: #FCFCFC;
-}
+  background: #22303d; }
+  .tree-folder-items > .item {
+    padding: 0 10px;
+    line-height: 2.5rem;
+    font-size: 0.8rem; }
+    .tree-folder-items > .item.active {
+      background: #00488b; }
+    .tree-folder-items > .item > a {
+      text-decoration: none;
+      color: #fcfcfc; }
 
 @supports (scrollbar-width: thin) {
- #sidebar {
-scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0.0);
-}
-#sidebar:hover {
-scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.0);
-}
-}
+  #sidebar {
+    scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); }
 
+  #sidebar:hover {
+    scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0); } }
 @supports not (scrollbar-width: thin) {
-#sidebar::-webkit-scrollbar-thumb {
-background: rgba(255, 255, 255, 0.1);
-}
-#sidebar:hover::-webkit-scrollbar-thumb {
-background: rgba(255, 255, 255, 0.3);
-}
-}
+  #sidebar::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.1); }
 
+  #sidebar:hover::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.3); } }
 .header > .item {
-vertical-align: middle;
-}
-.header > .item.title {
-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;
-}
+  vertical-align: middle; }
+  .header > .item.title {
+    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;
-}
+  width: 350px; }
 .header .item.search {
-display: none;
-}
+  display: none; }
 .header .item.configure {
-position: fixed;
-right: 0px;
-z-index: 1000;
-width: 35px;
-}
+  position: fixed;
+  right: 0px;
+  z-index: 1000;
+  width: 35px; }
 .header h1 {
-text-align: center;
-font-size: 1.5em;
-}
+  text-align: center;
+  font-size: 1.5em; }
 
 .aside {
-background: #22303d;
-padding: 35px 0;
-}
-.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;
-}
+  padding: 35px 0;
+  background: #22303d; }
+  .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: 0.9rem;
-line-height: 1.5rem;
-background: inherit;
-}
+  margin: 6px 0;
+  padding: 0 10px;
+  background: inherit;
+  font-size: 0.9rem;
+  position: absolute;
+  right: 0;
+  line-height: 1.5rem; }
 .aside_feed .tree-folder-items .dropdown-menu::after {
-left: 2px;
-}
+  left: 2px; }
 
 .post {
-padding: 10px 50px;
-font-size: 0.9em;
-}
-.post input {
-background: #e3e3e3;
-}
-.post input.long {
-height: 33px;
-margin-top: 0px;
-}
-.post form {
-margin: 10px 0;
-}
-.post.content {
-max-width: 550px;
-}
+  padding: 10px 50px;
+  font-size: 0.9em; }
+  .post input {
+    background: #e3e3e3; }
+    .post input.long {
+      height: 33px;
+      margin-top: 0px; }
+  .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 auto;
-width: 200px;
-}
-.prompt input {
-margin: 5px auto;
-width: 100%;
-}
-.prompt p {
-margin: 20px 0;
-}
+  text-align: center; }
+  .prompt label {
+    text-align: left; }
+  .prompt form {
+    margin: 10px auto 20px auto;
+    width: 200px; }
+  .prompt input {
+    margin: 5px auto;
+    width: 100%; }
+  .prompt p {
+    margin: 20px 0; }
 
 #new-article {
-text-align: center;
-font-size: 1em;
-background: #0062be;
-position: fixed;
-bottom: 48px;
-z-index: 900;
-left: 0;
-line-height: 1.5em;
-}
-#new-article:hover {
-background: #00488b;
-}
-#new-article > a {
-line-height: 1.5em;
-font-weight: bold;
-color: #FCFCFC;
-}
-#new-article > a:hover {
-text-decoration: none;
-}
+  background: #0062be;
+  font-size: 1em;
+  text-align: center;
+  position: fixed;
+  bottom: 48px;
+  z-index: 900;
+  left: 0;
+  line-height: 1.5em; }
+  #new-article:hover {
+    background: #00488b; }
+  #new-article > a {
+    line-height: 1.5em;
+    font-weight: bold;
+    color: #fcfcfc; }
+    #new-article > a:hover {
+      text-decoration: none; }
 
 .day {
-padding: 0 10px;
-font-weight: bold;
-line-height: 3em;
-text-align: center;
-}
-.day .name {
-display: none;
-}
+  padding: 0 10px;
+  font-weight: bold;
+  line-height: 3em;
+  text-align: center; }
+  .day .name {
+    display: none; }
 
 .nav a {
-color: #FCFCFC;
-}
+  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;
-}
+  width: 100%;
+  font-size: 0;
+  background-color: #0062be;
+  position: fixed;
+  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: #FFFFFF;
-}
-.flux:hover:not(.current):hover .item.title, .flux .current:not(.current):hover .item.title {
-background: #FFFFFF;
-}
-.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: 0.7rem;
-color: #969696;
-}
-.flux .bottom {
-font-size: 0.8rem;
-text-align: center;
-}
-.flux .website .favicon {
-padding: 5px;
-}
-.flux label {
-color: #FCFCFC;
-cursor: pointer;
-}
+  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 {
+    color: #969696;
+    font-size: 0.7rem; }
+  .flux .bottom {
+    font-size: 0.8rem;
+    text-align: center; }
+  .flux .website .favicon {
+    padding: 5px; }
+  .flux label {
+    color: #fcfcfc;
+    cursor: pointer; }
 
 .flux_header {
-font-size: 0.8rem;
-cursor: pointer;
-}
-.flux_header .title {
-font-size: 0.9rem;
-}
+  font-size: 0.8rem;
+  cursor: pointer; }
+  .flux_header .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: #e3e3e3;
-color: #969696;
-border: none;
-position: fixed;
-bottom: 48px;
-left: 0;
-top: auto;
-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;
-}
+  padding: 10px 0;
+  background: #e3e3e3;
+  height: auto;
+  color: #969696;
+  font-size: 1em;
+  border: none;
+  text-align: center;
+  font-weight: bold;
+  z-index: 10;
+  vertical-align: middle;
+  position: fixed;
+  bottom: 48px;
+  left: 0;
+  top: 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;
-}
-#bigMarkAsRead:hover {
-background: #22303d;
-color: #FCFCFC;
-}
+  text-align: center;
+  text-decoration: none;
+  background: #e3e3e3; }
+  #bigMarkAsRead:hover {
+    background: #22303d;
+    color: #fcfcfc; }
 
 #nav_entries {
-margin: 0;
-text-align: center;
-line-height: 3em;
-table-layout: fixed;
-background: #22303d;
-}
+  margin: 0;
+  text-align: center;
+  line-height: 3em;
+  table-layout: fixed;
+  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;
-}
+  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; }
 
 .formLogin #global {
-height: 0;
-}
-
+  height: 0; }
 .formLogin .header {
-height: 55px;
-background: #22303d;
-}
-
-.formLogin .header > .item.configure {
-width: 200px;
-position: unset;
-}
-
+  background: #22303d;
+  height: 55px; }
+  .formLogin .header > .item.configure {
+    width: 200px;
+    position: unset; }
+  .formLogin .header > .item.title h1 {
+    display: unset; }
 .formLogin a.signin {
-	color: #FCFCFC;
-	padding-left: 5px;
-}
-
-.formLogin .header > .item.title h1 {
-    display: unset;
-}
-
+  color: #fcfcfc;
+  padding-left: 5px; }
 .formLogin input {
-    border-left: 5px solid;
-    border-right: 1px solid #e3e3e3;
-    border-top: 1px solid #e3e3e3;
-    border-bottom: 1px solid #e3e3e3;
-}
+  border-top: 1px #e3e3e3;
+  border-right: 1px #e3e3e3;
+  border-bottom: 1px #e3e3e3;
+  border-left: 5px solid; }
 
 .loglist {
-overflow: hidden;
-border: 1px solid #969696;
-}
+  overflow: hidden;
+  border: 1px solid #969696; }
 
 .log {
-padding: 5px 2%;
-overflow: auto;
-font-size: 0.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;
-}
+  padding: 5px 2%;
+  background: #fcfcfc;
+  font-size: 0.8rem;
+  overflow: auto; }
+  .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) {
-.formLogin .header {
-display: none;
-}
-
-.dropdown-header, .dropdown-menu > .item {
-padding: 12px;
-}
-
-#new-article {
-width: 100%;
-position: sticky;
-top: 0;
-}
-
-.header {
-display: table;
-}
-.header .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;
-}
-.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%;
-z-index: 1000;
-}
-
-.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: 0.5;
-}
-.notification a.close .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;
-}
-}
+  .formLogin .header {
+    display: none; }
+
+  .dropdown-header, .dropdown-menu > .item {
+    padding: 12px; }
+
+  #new-article {
+    width: 100%;
+    position: sticky;
+    top: 0; }
+
+  .header {
+    display: table; }
+    .header .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; }
+    .aside .toggle_aside {
+      background: #22303d;
+      display: block;
+      height: 50px;
+      line-height: 50px;
+      text-align: right;
+      padding-right: 10px; }
+    .aside.aside_feed {
+      padding: 0; }
+    .aside:target {
+      width: 78%;
+      z-index: 1000; }
+
+  .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 {
+    background: #22303d;
+    display: block;
+    height: 50px;
+    line-height: 50px;
+    text-align: right;
+    padding-right: 10px; }
+
+  .day .name {
+    font-size: 1.1rem; }
+
+  .notification {
+    width: 100%; }
+    .notification a.close {
+      background: transparent;
+      display: block;
+      left: 0; }
+      .notification a.close:hover {
+        opacity: 0.5; }
+      .notification a.close .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;
-}
-}
+  .nav_menu .stick {
+    margin: 0; } }
 @media (max-width: 374px) {
-#nav_menu_views {
-display: none;
-}
-}
+  #nav_menu_views {
+    display: none; } }
 button.as-link {
-color: #FCFCFC;
-outline: none;
-}
+  color: #fcfcfc;
+  outline: none; }
 
 .dropdown-target:target ~ .btn.dropdown-toggle {
-background: #00488b;
-}
+  background: #00488b; }
 
 .tree-folder.active .tree-folder-title {
-background: #00488b;
-font-weight: bold;
-}
+  background: #00488b;
+  font-weight: bold; }
 
 .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;
-}
+  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;
-}
+  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;
-}
+  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;
-}
+  padding: 0 0 50px;
+  background: #fcfcfc;
+  color: #22303d;
+  border: none; }
+  #stream.reader .flux .author {
+    margin: 0 0 10px;
+    color: #969696;
+    font-size: 90%; }
 
 #nav_menu_actions ul.dropdown-menu, #nav_menu_read_all ul.dropdown-menu {
-left: 0px;
-}
+  left: 0px; }
 
 #slider label {
-min-height: initial;
-}
+  min-height: initial; }
 #slider .form-group:hover {
-background: inital;
-}
+  background: inital; }
+
+/*# sourceMappingURL=swage.css.map */

p/themes/base-theme/base.css

@@ -1,3 +1,5 @@
+/* stylelint-disable block-no-empty  */
+
 @charset "UTF-8";
 
 /*=== GENERAL */
@@ -18,36 +20,40 @@ legend {
 	padding: 5px 0;
 	font-size: 1.4em;
 }
+
 label {
 	min-height: 25px;
 	padding: 5px 0;
 	cursor: pointer;
 }
+
 textarea {
 	width: 360px;
 	height: 100px;
 }
+
 input, select, textarea {
 	min-height: 25px;
 	padding: 5px;
 	line-height: 25px;
 	vertical-align: middle;
 }
+
 option {
 	padding: 0 .5em;
 }
+
 input:focus, select:focus, textarea:focus {
 }
+
 input:invalid, select:invalid {
 }
+
 input:disabled, select:disabled {
 }
+
 input.extend {
 	transition: width 200ms linear;
-	-moz-transition: width 200ms linear;
-	-webkit-transition: width 200ms linear;
-	-o-transition: width 200ms linear;
-	-ms-transition: width 200ms linear;
 }
 
 /*=== Tables */
@@ -58,8 +64,10 @@ table {
 tr, th, td {
 	padding: 0.5em;
 }
+
 th {
 }
+
 form td,
 form th {
 	font-weight: normal;
@@ -72,17 +80,21 @@ form th {
 .form-group.form-actions {
 	padding: 5px 0;
 }
+
 .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 table {
 	margin: 10px 0 0 220px;
 }
@@ -92,17 +104,22 @@ form th {
 	vertical-align: middle;
 	font-size: 0;
 }
+
 .stick input,
 .stick .btn {
 }
+
 .stick .btn:first-child,
 .stick input:first-child {
 }
+
 .stick .btn-important:first-child {
 }
+
 .stick .btn:last-child,
 .stick input:last-child {
 }
+
 .stick .btn + .btn,
 .stick .btn + input,
 .stick .btn + .dropdown > .btn,
@@ -113,29 +130,34 @@ form th {
 .stick .dropdown + input,
 .stick .dropdown + .dropdown > .btn {
 }
+
 .stick input + .btn {
 }
+
 .stick .btn + .dropdown > .btn {
 }
 
 .btn {
+	margin: 0;
+	padding: 5px 10px;
 	display: inline-block;
 	min-height: 37px;
 	min-width: 15px;
-	margin: 0;
-	padding: 5px 10px;
 	font-size: 0.9rem;
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
 }
+
 a.btn {
 	min-height: 25px;
 	line-height: 25px;
 }
+
 .btn:hover {
 	text-decoration: none;
 }
+
 .btn.active,
 .btn:active,
 .dropdown-target:target ~ .btn.dropdown-toggle {
@@ -144,15 +166,19 @@ a.btn {
 .btn-important {
 	font-weight: normal;
 }
+
 .btn-important:hover {
 }
+
 .btn-important:active {
 }
 
 .btn-attention {
 }
+
 .btn-attention:hover {
 }
+
 .btn-attention:active {
 }
 
@@ -163,29 +189,40 @@ a.btn {
 	line-height: 2.5em;
 	font-size: 0.9rem;
 }
+
 .nav-list .item:hover {
 }
+
 .nav-list .item:hover a {
 }
+
 .nav-list .item.active {
 }
+
 .nav-list .item.active a {
 }
+
 .nav-list .disable {
 	text-align: center;
 }
+
 .nav-list .item > a {
 	padding: 0 10px;
 }
+
 .nav-list a:hover {
 	text-decoration: none;
 }
+
 .nav-list .item.empty a {
 }
+
 .nav-list .item.active.empty a {
 }
+
 .nav-list .item.error a {
 }
+
 .nav-list .item.active.error a {
 }
 
@@ -203,6 +240,7 @@ a.btn {
 	margin: 0;
 	text-align: right;
 }
+
 .nav-head .item {
 	padding: 5px 10px;
 	font-size: 0.9rem;
@@ -214,6 +252,7 @@ a.btn {
 	margin: 0;
 	padding: 0;
 }
+
 .horizontal-list .item {
 	vertical-align: middle;
 }
@@ -225,6 +264,7 @@ a.btn {
 	font-size: 0.8rem;
 	text-align: left;
 }
+
 .dropdown-menu::after {
 	content: "";
 	position: absolute;
@@ -234,32 +274,36 @@ a.btn {
 	height: 10px;
 	z-index: -10;
 	transform: rotate(45deg);
-	-moz-transform: rotate(45deg);
-	-webkit-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
 }
+
 .dropdown-header {
 	padding: 0 5px 5px;
 	font-weight: bold;
 	text-align: left;
 }
+
 .dropdown-menu > .item {
 }
+
 .dropdown-menu > .item > a,
 .dropdown-menu > .item > span,
 .dropdown-menu > .item > .as-link {
 	padding: 0 22px;
 	line-height: 2.5em;
 }
+
 .dropdown-menu > .item:hover {
 }
+
 .dropdown-menu > .item[aria-checked="true"] > a::before {
 	font-weight: bold;
 	margin: 0 0 0 -14px;
 }
+
 .dropdown-menu > .item:hover > a {
 	text-decoration: none;
 }
+
 .dropdown-menu .input select,
 .dropdown-menu .input input {
 	margin: 0 auto 5px;
@@ -276,16 +320,21 @@ a.btn {
 	padding: 10px 15px;
 	font-size: 0.9em;
 }
+
 .alert-head {
 	font-size: 1.15em;
 }
+
 .alert > a {
 	text-decoration: underline;
 }
+
 .alert-warn {
 }
+
 .alert-success {
 }
+
 .alert-error {
 }
 
@@ -294,24 +343,30 @@ a.btn {
 	text-align: center;
 	font-size: 0.8em;
 }
+
 .content .pagination {
 	margin: 0;
 	padding: 0;
 }
+
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
 }
+
 .pagination .item a {
 	display: block;
 	font-style: italic;
 	line-height: 3em;
 	text-decoration: none;
 }
+
 .pagination .item a:hover {
 }
+
 .pagination:first-child .item {
 }
+
 .pagination:last-child .item {
 }
 
@@ -323,10 +378,12 @@ a.btn {
 /*=== Boxes */
 .box {
 }
+
 .box .box-title {
 	margin: 0;
 	padding: 5px 10px;
 }
+
 .box .box-content {
 	max-height: 260px;
 }
@@ -340,6 +397,7 @@ a.btn {
 .box .box-content .item .configure {
 	visibility: hidden;
 }
+
 .box .box-content .item:hover .configure {
 	visibility: visible;
 }
@@ -348,35 +406,45 @@ a.btn {
 .tree {
 	margin: 10px 0;
 }
+
 .tree-folder-title {
 	position: relative;
 	padding: 0 10px;
 	line-height: 2.5rem;
 	font-size: 1rem;
 }
+
 .tree-folder-title .title {
 	background: inherit;
 }
+
 .tree-folder-title .title:hover {
 	text-decoration: none;
 }
+
 .tree-folder.active .tree-folder-title {
 	font-weight: bold;
 }
+
 .tree-folder.active .tree-folder-title .title {
 }
+
 .tree-folder-items {
 }
+
 .tree-folder-items > .item {
 	padding: 0 10px;
 	line-height: 2.5rem;
 	font-size: 0.8rem;
 }
+
 .tree-folder-items > .item.active {
 }
+
 .tree-folder-items > .item > a {
 	text-decoration: none;
 }
+
 .tree-folder-items > .item.active > a {
 }
 
@@ -386,23 +454,29 @@ a.btn {
 .header {
 	height: 85px;
 }
+
 .header > .item {
 	padding: 10px;
 	vertical-align: middle;
 	text-align: center;
 }
-.header > .item.title{
+
+.header > .item.title {
 	width: 230px;
 }
+
 .header > .item.title h1 {
 	margin: 0.5em 0;
 }
+
 .header > .item.title h1 a {
 	text-decoration: none;
 }
+
 .header > .item.search input {
 	width: 230px;
 }
+
 .header .item.search input:focus {
 	width: 350px;
 }
@@ -411,12 +485,15 @@ a.btn {
 #global {
 	height: calc(100% - 85px);
 }
+
 .aside {
 }
+
 .aside.aside_feed {
 	padding: 10px 0;
 	text-align: center;
 }
+
 .aside.aside_feed .tree {
 	margin: 10px 0 50px;
 }
@@ -434,22 +511,28 @@ a.btn {
 /*=== Aside main page (feeds) */
 .feed.item.empty.active {
 }
+
 .feed.item.error.active {
 }
+
 .feed.item.empty,
 .feed.item.empty > a {
 }
+
 .feed.item.error,
 .feed.item.error > a {
 }
+
 .feed.item.empty.active,
 .feed.item.error.active,
 .feed.item.empty.active > a,
 .feed.item.error.active > a {
 }
+
 .aside_feed .tree-folder-items .dropdown-menu::after {
 	left: 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 {
@@ -461,9 +544,11 @@ a.btn {
 	padding: 10px 50px;
 	font-size: 0.9em;
 }
+
 .post form {
 	margin: 10px 0;
 }
+
 .post.content {
 	max-width: 550px;
 }
@@ -472,17 +557,21 @@ a.btn {
 .prompt {
 	text-align: center;
 }
+
 .prompt label {
 	text-align: left;
 }
+
 .prompt form {
 	margin: 10px auto 20px auto;
 	width: 180px;
 }
+
 .prompt input {
 	margin: 5px auto;
 	width: 100%;
 }
+
 .prompt p {
 	margin: 20px 0;
 }
@@ -492,12 +581,15 @@ a.btn {
 	text-align: center;
 	font-size: 0.9em;
 }
+
 #new-article:hover {
 }
+
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
 }
+
 #new-article > a:hover {
 	text-decoration: none;
 }
@@ -508,8 +600,10 @@ a.btn {
 	font-weight: bold;
 	line-height: 3em;
 }
+
 #new-article + .day {
 }
+
 .day .name {
 	padding: 0 10px 0 0;
 	font-size: 1.8em;
@@ -527,35 +621,42 @@ a.btn {
 /*=== Feed articles */
 .flux {
 }
+
 .flux:hover {
 }
+
 .flux.current {
 }
+
 .flux.not_read {
 }
+
 .flux.not_read:not(.current):hover .item.title {
 }
+
 .flux.favorite {
 }
+
 .flux.favorite:not(.current):hover .item.title {
 }
-.flux.current {
-}
-
 
 .flux_header {
 	font-size: 0.8rem;
 	cursor: pointer;
 }
+
 .flux_header .title {
 	font-size: 0.9rem;
 }
+
 .flux .website .favicon {
 	padding: 5px;
 }
+
 .flux .date {
 	font-size: 0.7rem;
 }
+
 .flux:not(.current):hover .item.title {
 }
 
@@ -568,6 +669,7 @@ a.btn {
 .content {
 	padding: 20px 10px;
 }
+
 .content > h1.title > a {
 }
 
@@ -582,17 +684,20 @@ a.btn {
 	overflow: auto;
 	font-size: 0.9rem;
 }
+
 .content code {
 	padding: 2px 5px;
 }
+
 .content pre code {
 }
 
 .content blockquote {
-	display: block;
 	margin: 0;
 	padding: 5px 20px;
+	display: block;
 }
+
 .content blockquote p {
 	margin: 0;
 }
@@ -607,16 +712,21 @@ a.btn {
 	z-index: 10;
 	vertical-align: middle;
 }
+
 .notification.good {
 }
+
 .notification.bad {
 }
+
 .notification a.close {
 	padding: 0 15px;
 	line-height: 3em;
 }
+
 .notification.good a.close:hover {
 }
+
 .notification.bad a.close:hover {
 }
 
@@ -629,8 +739,10 @@ a.btn {
 	text-align: center;
 	text-decoration: none;
 }
+
 #bigMarkAsRead:hover {
 }
+
 #bigMarkAsRead:hover .bigTick {
 }
 
@@ -647,6 +759,7 @@ a.btn {
 #stream.reader .flux {
 	padding: 0 0 50px;
 }
+
 #stream.reader .flux .author {
 	margin: 0 0 10px;
 	font-size: 90%;
@@ -659,22 +772,27 @@ a.btn {
 	text-decoration: none;
 	text-align: left;
 }
+
 .box.category:not([data-unread="0"]) .box-title {
 }
+
 .box.category:not([data-unread="0"]) .box-title:active {
 }
+
 .box.category:not([data-unread="0"]) .box-title .title {
 	font-weight: bold;
 }
+
 .box.category .title:not([data-unread="0"])::after {
+	background: none;
+	border: 0;
 	position: absolute;
 	top: 5px; right: 10px;
-	border: 0;
-	background: none;
 	font-weight: bold;
 	box-shadow: none;
 	text-shadow: none;
 }
+
 .box.category .item.feed {
 	padding: 2px 10px;
 	font-size: 0.8rem;
@@ -686,9 +804,11 @@ a.btn {
 .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;
 }
@@ -703,6 +823,7 @@ a.btn {
 .stat td,
 .stat tr {
 }
+
 .stat > table td,
 .stat > table th {
 	text-align: center;
@@ -711,11 +832,13 @@ a.btn {
 .stat > .horizontal-list {
 	margin: 0 0 5px;
 }
+
 .stat > .horizontal-list .item {
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
+
 .stat > .horizontal-list .item:first-child {
 	width: 250px;
 }
@@ -725,35 +848,40 @@ a.btn {
 .loglist {
 	overflow: hidden;
 }
+
 .log {
 	padding: 5px 10px;
 	font-size: 0.8rem;
 }
+
 .log+.log {
 }
+
 .log .date {
 	display: block;
 	font-weight: bold;
 }
+
 .log.error {
 }
+
 .log.warning {
 }
+
 .log.notice {
 }
+
 .log.debug {
 }
 
 /*=== MOBILE */
 /*===========*/
-@media(max-width: 840px) {
+
+@media (max-width: 840px) {
 	.aside {
 		transition: width 200ms linear;
-		-moz-transition: width 200ms linear;
-		-webkit-transition: width 200ms linear;
-		-o-transition: width 200ms linear;
-		-ms-transition: width 200ms linear;
 	}
+
 	.aside .toggle_aside,
 	#panel .close {
 		display: block;
@@ -770,20 +898,25 @@ a.btn {
 	.nav_menu .btn {
 		margin: 5px 10px;
 	}
+
 	.nav_menu .stick {
 		margin: 0 10px;
 	}
+
 	.nav_menu .stick .btn {
 		margin: 5px 0;
 	}
+
 	.nav_menu .search {
 		display: inline-block;
 		max-width: 97%;
 	}
+
 	.nav_menu .search input {
 		max-width: 97%;
 		width: 90px;
 	}
+
 	.nav_menu .search input:focus {
 		width: 400px;
 	}
@@ -800,9 +933,11 @@ a.btn {
 		display: block;
 		left: 0;
 	}
+
 	.notification a.close:hover {
 		opacity: 0.5;
 	}
+
 	.notification a.close .icon {
 		display: none;
 	}

p/themes/base-theme/template.css

@@ -2,6 +2,7 @@
 
 /*=== GENERAL */
 /*============*/
+
 @font-face {
 	font-family: 'OpenSans';
 	font-style: normal;
@@ -22,6 +23,7 @@ html, body {
 a {
 	text-decoration: none;
 }
+
 a:hover {
 	text-decoration: underline;
 }
@@ -38,11 +40,13 @@ h1 {
 	font-size: 1.5em;
 	line-height: 1.6em;
 }
+
 h2 {
 	margin: 0.5em 0 0.25em;
 	font-size: 1.3em;
 	line-height: 2em;
 }
+
 h3 {
 	margin: 0.5em 0 0.25em;
 	font-size: 1.1em;
@@ -54,6 +58,7 @@ p {
 	margin: 1em 0 0.5em;
 	font-size: 1em;
 }
+
 sup {
 	line-height: 25px;
 	position: relative;
@@ -63,14 +68,16 @@ sup {
 
 /*=== Images */
 img {
-	height: auto;
 	max-width: 100%;
+	height: auto;
 }
+
 img.favicon {
-	height: 16px;
 	width: 16px;
+	height: 16px;
 	vertical-align: middle;
 }
+
 .feed.mute::before {
 	content: '🔇';
 }
@@ -86,54 +93,64 @@ legend {
 	width: 100%;
 	clear: both;
 }
+
 label {
 	display: block;
 }
+
 input {
 	width: 180px;
 }
+
 textarea,
 input[type="file"],
 input.long,
 input.extend:focus {
 	width: 300px;
 }
+
 input, select, textarea {
 	display: inline-block;
 	max-width: 100%;
 	font-size: 0.8rem;
 }
+
 input[type="radio"],
 input[type="checkbox"] {
 	width: 15px !important;
 	min-height: 15px !important;
 }
+
 .dropdown-menu label > input[type="text"] {
 	width: 150px;
 	width: calc(99% - 5em);
 }
+
 .dropdown-menu input[type="checkbox"] {
 	margin-left: 1em;
 	margin-right: .5em;
 }
+
 button.as-link,
 button.as-link:hover,
 button.as-link:active {
 	background: transparent;
-	border: none;
 	color: inherit;
-	cursor: pointer;
 	font-size: 1.1em;
+	border: none;
+	cursor: pointer;
 	text-align: left;
 }
+
 button.as-link[disabled] {
-	color:#DDD !important;
+	color: #ddd !important;
 }
 
 /*=== Tables */
 table {
 	max-width: 100%;
 }
+
 th.numeric,
 td.numeric {
 	text-align: center;
@@ -141,7 +158,6 @@ td.numeric {
 
 /*=== COMPONENTS */
 /*===============*/
-
 [aria-hidden="true"] {
 	display: none !important;
 }
@@ -152,18 +168,22 @@ td.numeric {
 	display: block;
 	clear: both;
 }
+
 .form-group.form-actions {
 	min-width: 250px;
 }
+
 .form-group .group-name {
 	display: block;
 	float: left;
 	width: 200px;
 }
+
 .form-group .group-controls {
 	min-width: 250px;
 	margin: 0 0 0 220px;
 }
+
 .form-group .group-controls .control {
 	display: block;
 }
@@ -180,12 +200,14 @@ td.numeric {
 	display: inline-block;
 	white-space: nowrap;
 }
+
 .btn,
 a.btn {
 	display: inline-block;
 	cursor: pointer;
 	overflow: hidden;
 }
+
 .btn-important {
 	font-weight: bold;
 }
@@ -195,6 +217,7 @@ a.btn {
 .nav-list .item {
 	display: block;
 }
+
 .nav-list .item,
 .nav-list .item > a {
 	display: block;
@@ -202,9 +225,11 @@ a.btn {
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
+
 .nav-head {
 	display: block;
 }
+
 .nav-head .item {
 	display: inline-block;
 }
@@ -215,6 +240,7 @@ a.btn {
 	table-layout: fixed;
 	width: 100%;
 }
+
 .horizontal-list .item {
 	display: table-cell;
 }
@@ -225,29 +251,35 @@ a.btn {
 	display: inline-block;
 	vertical-align: middle;
 }
+
 .dropdown-target {
 	display: none;
 }
+
 .dropdown-menu {
+	margin: 0;
+	background: #fff;
 	display: none;
+	border: 1px solid #aaa;
 	min-width: 200px;
-	margin: 0;
 	position: absolute;
 	right: 0;
-	background: #fff;
-	border: 1px solid #aaa;
 }
+
 .dropdown-menu-scrollable {
 	max-height: 75vh;
 	overflow-x: hidden;
 	overflow-y: auto;
 }
+
 .dropdown-header {
 	display: block;
 }
+
 .dropdown-menu > .item {
 	display: block;
 }
+
 .dropdown-menu > .item > a,
 .dropdown-menu > .item > .as-link,
 .dropdown-menu > .item > span {
@@ -255,33 +287,40 @@ a.btn {
 	min-width: 200px;
 	white-space: nowrap;
 }
+
 .dropdown-menu > .item[aria-checked="true"] > a::before {
 	content: '✓';
 }
+
 .dropdown-menu .input {
 	display: block;
 }
+
 .dropdown-menu .input select,
 .dropdown-menu .input input {
 	display: block;
 	max-width: 95%;
 }
+
 .dropdown-target:target ~ .dropdown-menu {
 	display: block;
 	z-index: 1000;
 }
+
 .dropdown-close {
 	display: inline;
 }
+
 .dropdown-close a {
+	display: block;
 	font-size: 0;
 	position: fixed;
 	top: 0; bottom: 0;
 	left: 0; right: 0;
-	display: block;
 	z-index: -10;
 	cursor: default;
 }
+
 .separator {
 	display: block;
 	height: 0;
@@ -293,13 +332,16 @@ a.btn {
 	display: block;
 	width: 90%;
 }
+
 .group-controls .alert {
 	width: 100%
 }
+
 .alert-head {
 	margin: 0;
 	font-weight: bold;
 }
+
 .alert ul {
 	margin: 5px 20px;
 }
@@ -315,15 +357,17 @@ a.btn {
 
 /*=== Pagination */
 .pagination {
-	display: table;
-	width: 100%;
 	margin: 0;
 	padding: 0;
+	display: table;
+	width: 100%;
 	table-layout: fixed;
 }
+
 .pagination .item {
 	display: table-cell;
 }
+
 .pagination .pager-first,
 .pagination .pager-previous,
 .pagination .pager-next,
@@ -333,28 +377,33 @@ a.btn {
 
 /*=== Boxes */
 .box {
+	margin: 20px 10px;
 	display: inline-block;
-	width: 20rem;
 	max-width: 95%;
-	margin: 20px 10px;
+	width: 20rem;
 	border: 1px solid #ccc;
 	vertical-align: top;
 }
+
 .box .box-title {
 	position: relative;
 	font-size: 1.2rem;
 	font-weight: bold;
 }
+
 .box .box-title form {
 	margin: 0;
 }
+
 .box .box-content {
 	display: block;
 	overflow: auto;
 }
+
 .box .box-content .item {
 	display: block;
 }
+
 .box .box-content .item.disabled {
 	text-align: center;
 	font-style: italic;
@@ -364,6 +413,7 @@ a.btn {
 	padding: 30px 5px;
 	text-align: center;
 }
+
 .box .box-content-centered .btn {
 	margin: 20px 0 0;
 }
@@ -373,17 +423,20 @@ a.btn {
 	margin: 0 0 5px;
 	border-bottom: 2px solid #ccc;
 }
+
 [draggable=true] {
 	cursor: grab;
 }
 
 /*=== Scrollbar */
+
 @supports (scrollbar-width: thin) {
 	#sidebar {
 		overflow-y: auto;
 		scrollbar-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.05);
 		scrollbar-width: thin;
 	}
+
 	#sidebar:hover {
 		scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.05);
 	}
@@ -394,11 +447,13 @@ a.btn {
 		background: rgba(0, 0, 0, 0.05);
 		width: 8px;
 	}
+
 	#sidebar::-webkit-scrollbar-thumb {
 		background: rgba(0, 0, 0, 0.1);
-		border-radius: 5px;
 		display: unset;
+		border-radius: 5px;
 	}
+
 	#sidebar:hover::-webkit-scrollbar-thumb {
 		background: rgba(0, 0, 0, 0.3);
 	}
@@ -414,26 +469,30 @@ a.btn {
 }
 
 .tree-folder-items {
-	list-style: none;
-	max-height: 200em;
 	padding: 0;
+	max-height: 200em;
+	list-style: none;
 	transition: max-height .3s linear;
 }
+
 .tree-folder-title {
 	display: block;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
+
 .tree-folder-title .title {
 	display: inline-block;
 	width: 100%;
 	vertical-align: middle;
 }
+
 .tree-folder-items > .item {
 	display: block;
 	white-space: nowrap;
 }
+
 .tree-folder-items > .item > a {
 	display: inline-block;
 	vertical-align: middle;
@@ -442,6 +501,7 @@ a.btn {
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
+
 .tree-bottom {
 	visibility: hidden;
 	margin-bottom: 18em;
@@ -455,22 +515,27 @@ a.btn {
 	width: 100%;
 	table-layout: fixed;
 }
+
 .header > .item {
 	display: table-cell;
 }
+
 .header > .item.title {
 	width: 250px;
 	white-space: nowrap;
 }
+
 .header > .item.title h1 {
 	display: inline-block;
 }
+
 .header > .item.title .logo {
 	display: inline-block;
-	height: 32px;
 	width: 32px;
+	height: 32px;
 	vertical-align: middle;
 }
+
 .header > .item.configure {
 	width: 100px;
 }
@@ -482,6 +547,7 @@ a.btn {
 	height: 100%;
 	table-layout: fixed;
 }
+
 .aside {
 	display: table-cell;
 	width: 300px;
@@ -496,26 +562,32 @@ a.btn {
 .aside_feed .tree-folder-title .icon {
 	padding: 5px;
 }
+
 .aside_feed .tree-folder-items .item.feed {
 	padding: 0px 15px;
 }
+
 .aside_feed .tree-folder-items:not(.active) {
-	border: none;
 	margin: 0;
-	max-height: 0;
 	padding: 0;
+	max-height: 0;
+	border: none;
 	overflow: hidden;
 }
+
 .aside_feed .tree-folder-items .dropdown {
 	vertical-align: top;
 }
+
 .aside_feed .tree-folder-items .dropdown-menu {
 	left: 0;
 }
+
 .aside_feed .tree-folder-items .item .dropdown-toggle > .icon {
 	visibility: hidden;
 	cursor: pointer;
 }
+
 .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 {
@@ -526,6 +598,7 @@ a.btn {
 #new-article {
 	display: none;
 }
+
 #new-article > a {
 	display: block;
 }
@@ -544,45 +617,51 @@ a.btn {
 .flux_header {
 	position: relative;
 }
+
 .flux .item {
 	line-height: 40px;
 	white-space: nowrap;
 }
+
 .flux .item.manage,
 .flux .item.link {
 	width: 40px;
 	text-align: center;
 }
+
 .flux .item.website {
 	width: 200px;
 }
+
 .flux.not_read .item.title,
 .flux.current .item.title {
 	font-weight: bold;
 }
+
 .flux:not(.current):hover .item.title {
-	position: absolute;
-	max-width: calc(100% - 320px);
 	background: #fff;
+	max-width: calc(100% - 320px);
+	position: absolute;
 }
+
 .flux .item.title a {
 	color: #000;
 	text-decoration: none;
 }
+
 .flux .item.author {
 	color: #555;
 	font-size: .7rem;
 	font-weight: normal;
 	white-space: normal;
 }
+
 .flux .item.date {
 	width: 155px;
 	text-align: right;
 	overflow: hidden;
 }
-.flux .item > a {
-	display: block;
-}
+
 .flux .item > a {
 	display: block;
 	text-decoration: none;
@@ -590,6 +669,7 @@ a.btn {
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
+
 .flux .item.share > a,
 .item.query > a {
 	display: list-item;
@@ -601,30 +681,37 @@ a.btn {
 .hide_posts > .flux:not(.active) > .flux_content {
 	display: none;
 }
+
 .content {
 	min-height: 20em;
 	margin: auto;
 	line-height: 1.7em;
 	word-wrap: break-word;
 }
+
 .content.large {
 	max-width: 1000px;
 }
+
 .content.medium {
 	max-width: 800px;
 }
+
 .content.thin {
 	max-width: 550px;
 }
+
 .content ul,
 .content ol,
 .content dd {
 	margin: 0 0 0 15px;
 	padding: 0 0 5px 15px;
 }
+
 .content pre {
 	overflow: auto;
 }
+
 br {
 	line-height: 1em;
 }
@@ -641,10 +728,12 @@ br {
 	visibility: visible;
 	transition: visibility 0s, opacity .3s linear;
 }
+
 .notification.closed {
 	opacity: 0;
 	visibility: hidden;
 }
+
 .notification a.close {
 	position: absolute;
 	top: 0; bottom: 0;
@@ -655,27 +744,31 @@ br {
 #actualizeProgress {
 	position: fixed;
 }
+
 #actualizeProgress progress {
 	max-width: 100%;
 	vertical-align: middle;
 }
+
 #actualizeProgress .progress {
 	vertical-align: middle;
 }
 
 /*=== Navigation menu (for articles) */
 #nav_entries {
+	background: #fff;
+	display: table;
 	position: fixed;
 	bottom: 0; left: 0;
-	display: table;
 	width: 300px;
-	background: #fff;
 	table-layout: fixed;
 }
+
 #nav_entries .item {
 	display: table-cell;
 	width: 30%;
 }
+
 #nav_entries a {
 	display: block;
 }
@@ -684,19 +777,22 @@ br {
 #load_more {
 	min-height: 40px;
 }
+
 .loading {
 	background: url("loader.gif") center center no-repeat;
 	font-size: 0;
 }
+
 #bigMarkAsRead {
+	margin: 0 0 100% 0;
+	margin: 0 0 100vh 0;
+	padding: 1em 0 50px 0;
 	display: block;
 	width: 100%;
 	text-align: center;
 	font-size: 1.4em;
-	padding: 1em 0 50px 0;
-	margin: 0 0 100% 0;
-	margin: 0 0 100vh 0;
 }
+
 .bigTick {
 	font-size: 4em;
 }
@@ -705,14 +801,17 @@ br {
 .stat {
 	margin: 15px 0;
 }
+
 .stat.half {
+	padding: 0 2%;
 	display: inline-block;
 	width: 46%;
-	padding: 0 2%;
 }
+
 .stat > table {
 	width: 100%;
 }
+
 .statGraph {
 	height: 300px;
 }
@@ -741,12 +840,14 @@ br {
 #stream.global .box {
 	text-align: left;
 }
+
 #global > #panel {
 	bottom: 99vh;
 	display: block;
 	transition: visibility .3s, bottom .3s;
 	visibility: hidden;
 }
+
 #global > #panel.visible {
 	bottom: 1em;
 	visibility: visible;
@@ -761,24 +862,28 @@ br {
 	transition: visibility .3s, opacity .3s;
 	visibility: hidden;
 }
+
 #overlay.visible {
 	opacity: 1;
 	visibility: visible;
 }
+
 #panel {
+	background: #fff;
 	display: none;
 	position: fixed;
 	top: 1em; bottom: 1em;
 	left: 2em; right: 2em;
 	overflow: auto;
-	background: #fff;
 }
+
 #overlay .close {
 	position: fixed;
 	top: 0; bottom: 0;
 	left: 0; right: 0;
 	display: block;
 }
+
 #overlay .close img {
 	display: none;
 }
@@ -792,20 +897,19 @@ br {
 	background: #fff;
 	border-left: 1px solid #aaa;
 	transition: left 200ms linear;
-	-moz-transition: left 200ms linear;
-	-webkit-transition: left 200ms linear;
-	-o-transition: left 200ms linear;
-	-ms-transition: left 200ms linear;
 }
+
 #slider.active {
 	left: 40%;
 }
+
 #close-slider {
 	position: fixed;
 	top: 0; bottom: 0;
 	left: 100%; right: 0;
 	cursor: pointer;
 }
+
 #close-slider.active {
 	left: 0;
 }
@@ -814,85 +918,98 @@ br {
 /*==============*/
 .slides {
 	padding: 0;
-	height: 320px;
 	display: block;
+	max-width: 640px;
+	height: 320px;
+	border: 1px solid #aaa;
 	position: relative;
 	min-width: 260px;
-	max-width: 640px;
 	margin-bottom: 30px;
-	border: 1px solid #aaa;
 }
+
 .slides input {
 	display: none;
 }
+
 .slide-container {
 	display: block;
 }
+
 .slide {
-	top: 0;
-	opacity: 0;
+	display: block;
 	width: 100%;
 	height: 100%;
-	display: block;
+	top: 0;
+	opacity: 0;
 	position: absolute;
 	transform: scale(0);
 	transition: all .7s ease-in-out;
 }
+
 .slide img {
 	width: 100%;
 	height: 100%;
 }
+
 .nav label {
+	padding: 0;
+	display: none;
 	width: 10%;
 	height: 100%;
-	display: none;
+	color: #fff;
+	font-family: "Varela Round", sans-serif;
+	font-size: 1000%;
 	position: absolute;
 	opacity: 0;
 	z-index: 9;
 	cursor: pointer;
 	transition: opacity .2s;
-	color: #FFF;
-	font-size: 1000%;
 	text-align: center;
 	line-height: 225%;
-	font-family: "Varela Round", sans-serif;
 	background-color: rgba(255, 255, 255, .3);
 	text-shadow: 0px 0px 15px rgb(119, 119, 119);
-	padding: 0;
 }
+
 .properties {
-	display: none;
-	bottom: 0;
-	left: 0; right: 0;
-	position: absolute;
 	padding: 5px;
 	background: rgba(255, 255, 255, 0.7);
+	display: none;
 	color: #000;
 	border-top: 1px solid #aaa;
+	bottom: 0;
+	left: 0; right: 0;
+	position: absolute;
 	z-index: 10;
 }
+
 .properties .page-number {
 	right: 5px;
 	top: 0;
 	position: absolute;
 }
+
 .slide:hover + .nav label {
 	opacity: 0.5;
 }
+
 .nav label:hover {
 	opacity: 1;
 }
+
 .nav .next {
 	right: 0;
 }
+
 input:checked + .slide-container .slide {
 	opacity: 1;
 	transform: scale(1);
 	transition: opacity 1s ease-in-out;
 }
+
 input:checked + .slide-container .nav label {
 	display: block;
 }
+
 input:checked + .slide-container .properties {
 	display: block;
 }
@@ -902,13 +1019,16 @@ input:checked + .slide-container .properties {
 .category .title:not([data-unread="0"])::after {
 	content: attr(data-unread);
 }
+
 .category .title.error::before {
 	content: "⚠ ";
 	color: #bd362f;
 }
+
 .feed .item-title:not([data-unread="0"])::before {
 	content: "(" attr(data-unread) ") ";
 }
+
 .feed .item-title:not([data-unread="0"]) {
 	font-weight: bold;
 }
@@ -959,7 +1079,8 @@ pre.enclosure-description {
 
 /*=== MOBILE */
 /*===========*/
-@media(max-width: 840px) {
+
+@media (max-width: 840px) {
 	.header,
 	.aside .btn-important,
 	.flux_header .item.website span,
@@ -968,19 +1089,23 @@ pre.enclosure-description {
 	.no-mobile {
 		display: none;
 	}
+
 	.dropdown .dropdown-menu {
+		width: 100%;
 		border-radius: 0;
 		bottom: 0;
 		position: fixed;
-		width: 100%;
 	}
+
 	.dropdown-menu::after {
 		display: none;
 	}
+
 	.aside .toggle_aside,
 	.nav-login {
 		display: block;
 	}
+
 	.nav_menu .toggle_aside,
 	.nav_menu .search,
 	#panel .close img {
@@ -995,6 +1120,7 @@ pre.enclosure-description {
 		overflow: hidden;
 		z-index: 100;
 	}
+
 	.aside:target {
 		width: 90%;
 	}
@@ -1023,6 +1149,7 @@ pre.enclosure-description {
 		top: 25px; bottom: 30px;
 		left: 0; right: 0;
 	}
+
 	#panel .close {
 		top: 0; right: 0;
 		left: auto; bottom: auto;
@@ -1034,6 +1161,7 @@ pre.enclosure-description {
 
 /*=== PRINTER */
 /*============*/
+
 @media print {
 	.header, .aside,
 	.nav_menu, .day,
@@ -1043,21 +1171,26 @@ pre.enclosure-description {
 	#nav_entries {
 		display: none;
 	}
+
 	html, body {
 		background: #fff;
 		color: #000;
 		font-family: Serif;
 	}
+
 	#global,
 	.flux_content {
 		display: block !important;
 	}
+
 	.flux_content .content {
 		width: 100% !important;
 	}
+
 	.flux_content .content a {
 		color: #000;
 	}
+
 	.flux_content .content a::after {
 		content: " [" attr(href) "] ";
 		font-style: italic;

p/themes/p.css

@@ -4,14 +4,17 @@ body {
 	font-family: sans-serif;
 	text-align: center;
 }
+
 h1 {
 	font-size: xx-large;
-	text-shadow: 1px -1px 0 #CCCCCC;
+	text-shadow: 1px -1px 0 #ccc;
 }
+
 h1 a {
-	color: #0062BE;
+	color: #0062be;
 	text-decoration: none;
 }
+
 img {
 	border: 0;
 }