Encore du nettoyage CSS

Suppression des sélecteurs inutiles pour de meilleures performances

public/themes/default/freshrss.css

@@ -167,10 +167,10 @@
 		.feed:not([data-unread="0"]):before {
 			content: "(" attr(data-unread) ") ";
 		}
-		.categories .feeds .dropdown .dropdown-menu {
+		.categories .feeds .dropdown-menu {
 			left: 0;
 		}
-		.categories .feeds .dropdown .dropdown-menu:after {
+		.categories .feeds .dropdown-menu:after {
 			left: 2px;
 		}
 		.categories .feeds .item .dropdown-toggle i {
@@ -627,7 +627,7 @@
 .logs {
 	border: 1px solid #aaa;
 }
-	.logs .log {
+	.log {
 		padding: 5px 2%;
 		overflow: auto;
 		background: #fafafa;
@@ -635,18 +635,18 @@
 		color: #333;
 		font-size: 90%;
 	}
-		.logs .log .date {
+		.log .date {
 			display: block;
 		}
-	.logs .log.error {
+	.log.error {
 		background: #fdd;
 		color: #844;
 	}
-	.logs .log.warning {
+	.log.warning {
 		background: #ffe;
 		color: #c95;
 	}
-	.logs .log.notice {
+	.log.notice {
 		background: #f4f4f4;
 		color: #aaa;
 	}
@@ -806,7 +806,7 @@
 			background: -ms-linear-gradient(top, #D14641 0%, #BD362F 100%);
 		}
 
-.dropdown .dropdown-menu:after {
+.dropdown-menu:after {
 	-moz-transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);

public/themes/default/global.css

@@ -12,7 +12,7 @@
 html, body {
 	height: 100%;
 	font-size: 95%;
-	font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", "sans-serif";
+	font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif;
 }
 
 /* LIENS */
@@ -246,56 +246,56 @@ input, select, textarea {
 		}
 
 /* NAVIGATION */
-.nav.nav-list .nav-header,
-.nav.nav-list .item {
+.nav-list .nav-header,
+.nav-list .item {
 	display: block;
 	height: 35px;
 	line-height: 35px;
 }
-	.nav.nav-list .item:hover {
+	.nav-list .item:hover {
 		background: #fafafa;
 	}
-		.nav.nav-list .item:hover a {
+		.nav-list .item:hover a {
 			color: #003388;
 		}
-	.nav.nav-list .item.active {
+	.nav-list .item.active {
 		background: #0062BE;
 		color: #fff;
 	}
-		.nav.nav-list .item.active a {
+		.nav-list .item.active a {
 			color: #fff;
 		}
-	.nav.nav-list .disable {
+	.nav-list .disable {
 		color: #aaa;
 		background: #fafafa;
 		text-align: center;
 	}
-	.nav.nav-list .item > * {
+	.nav-list .item > * {
 		display: block;
 		padding: 0 10px;
 		overflow: hidden;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
-		.nav.nav-list a:hover {
+		.nav-list a:hover {
 			text-decoration: none;
 		}
-	.nav.nav-list .item.error a {
+	.nav-list .item.error a {
 		color: #BD362F;
 	}
-		.nav.nav-list .item.active.error a {
+		.nav-list .item.active.error a {
 			color: #fff;
 			background: #BD362F;
 		}
-	.nav.nav-list .item.empty a {
+	.nav-list .item.empty a {
 		color: #f39c12;
 	}
-		.nav.nav-list .item.active.empty a {
+		.nav-list .item.active.empty a {
 			color: #fff;
 			background: #f39c12;
 		}
 
-	.nav.nav-list .nav-header {
+	.nav-list .nav-header {
 		padding: 0 10px;
 		color: #888;
 		background: #f4f4f4;
@@ -303,14 +303,14 @@ input, select, textarea {
 		font-weight: bold;
 		text-shadow: 0 0 1px #ddd;
 	}
-	.nav.nav-list .separator {
+	.nav-list .separator {
 		display: block;
 		height: 0;
 		margin: 5px 0;
 		border-bottom: 1px solid #ddd;
 	}
 
-	.nav.nav-list .nav-form {
+	.nav-list .nav-form {
 		padding: 3px;
 		text-align: center;
 	}
@@ -345,11 +345,11 @@ input, select, textarea {
 	position: relative;
 	display: inline-block;
 }
-	.dropdown .dropdown-target {
+	.dropdown-target {
 		display: none;
 	}
 
-	.dropdown .dropdown-menu {
+	.dropdown-menu {
 		display: none;
 		min-width: 200px;
 		margin: 5px 0 0;
@@ -362,7 +362,7 @@ input, select, textarea {
 		text-align: left;
 		box-shadow: 3px 3px 3px #ddd;
 	}
-	.dropdown .dropdown-menu:after {
+	.dropdown-menu:after {
 		content: "";
 		position: absolute;
 		top: -6px;
@@ -375,7 +375,7 @@ input, select, textarea {
 		z-index: -10;
 		transform: rotate(45deg);
 	}
-		.dropdown .dropdown-menu .dropdown-header {
+		.dropdown-header {
 			display: block;
 			padding: 0 5px;
 			color: #888;
@@ -383,33 +383,33 @@ input, select, textarea {
 			font-size: 14px;
 			line-height: 30px;
 		}
-		.dropdown .dropdown-menu .item {
+		.dropdown-menu .item {
 			display: block;
 			height: 30px;
 			font-size: 90%;
 			line-height: 30px;
 		}
-			.dropdown .dropdown-menu .item > * {
+			.dropdown-menu .item > * {
 				display: block;
 				padding: 0 25px;
 				line-height: 30px;
 			}
-			.dropdown .dropdown-menu .item:hover {
+			.dropdown-menu .item:hover {
 				background: #0062BE;
 				color: #fff;
 			}
-				.dropdown .dropdown-menu .item:hover > * {
+				.dropdown-menu .item:hover > * {
 					color: #fff;
 					text-decoration: none;
 				}
-		.dropdown .dropdown-menu .input {
+		.dropdown-menu .input {
 			display: block;
 			height: 40px;
 			font-size: 90%;
 			line-height: 30px;
 		}
-			.dropdown .dropdown-menu .input select,
-			.dropdown .dropdown-menu .input input {
+			.dropdown-menu .input select,
+			.dropdown-menu .input input {
 				display: block;
 				height: 20px;
 				width: 95%;
@@ -417,24 +417,24 @@ input, select, textarea {
 				padding: 2px 5px;
 				border-radius: 3px;
 			}
-			.dropdown .dropdown-menu .input select {
+			.dropdown-menu .input select {
 				width: 70%;
 				height: auto;
 			}
-		.dropdown .dropdown-menu .separator {
+		.dropdown-menu .separator {
 			display: block;
 			height: 0;
 			margin: 5px 0;
 			border-bottom: 1px solid #ddd;
 		}
-		.dropdown .dropdown-target:target ~ .dropdown-menu {
+		.dropdown-target:target ~ .dropdown-menu {
 			display: block;
 			z-index: 10;
 		}
-	.dropdown .dropdown-close {
+	.dropdown-close {
 		display: inline;
 	}
-		.dropdown .dropdown-close a {
+		.dropdown-close a {
 			position: fixed;
 			top: 0; bottom: 0;
 			left: 0; right: 0;
@@ -456,22 +456,22 @@ input, select, textarea {
 	color: #aaa;
 	text-shadow: 0 0 1px #eee;
 }
-	.alert .alert-head {
+	.alert-head {
 		margin: 0;
 		font-weight: bold;
 		font-size: 110%;
 	}
-	.alert.alert-warn {
+	.alert-warn {
 		background: #ffe;
 		border: 1px solid #eeb;
 		color: #c95;
 	}
-	.alert.alert-success {
+	.alert-success {
 		background: #dfd;
 		border: 1px solid #cec;
 		color: #484;
 	}
-	.alert.alert-error {
+	.alert-error {
 		background: #fdd;
 		border: 1px solid #ecc;
 		color: #844;

public/themes/flat-design/freshrss.css

@@ -64,10 +64,10 @@ body {
 		.aside.aside_feed .nav-form input {
 			width: 140px;
 		}
-		.aside.aside_feed .nav-form .dropdown .dropdown-menu {
+		.aside.aside_feed .nav-form .dropdown-menu {
 			right: -20px;
 		}
-		.aside.aside_feed .nav-form .dropdown .dropdown-menu:after {
+		.aside.aside_feed .nav-form .dropdown-menu:after {
 			right: 33px;
 		}
 
@@ -157,10 +157,10 @@ body {
 		.feed:not([data-unread="0"]):before {
 			content: "(" attr(data-unread) ") ";
 		}
-		.categories .feeds .dropdown .dropdown-menu {
+		.categories .feeds .dropdown-menu {
 			left: 0;
 		}
-		.categories .feeds .dropdown .dropdown-menu:after {
+		.categories .feeds .dropdown-menu:after {
 			left: 2px;
 		}
 		.categories .feeds .item .dropdown-toggle i {
@@ -632,7 +632,7 @@ body {
 .logs {
 	border: 1px solid #34495e;
 }
-	.logs .log {
+	.log {
 		margin: 10px 0;
 		padding: 5px 2%;
 		overflow: auto;
@@ -640,19 +640,19 @@ body {
 		color: #666;
 		font-size: 90%;
 	}
-		.logs .log .date {
+		.log .date {
 			margin: 0 10px 0 0;
 			padding: 5px 10px;
 			border-radius: 20px;
 		}
-			.logs .log.error .date {
+			.log.error .date {
 				background: #e74c3c;
 				color: #fff;
 			}
-			.logs .log.warning .date {
+			.log.warning .date {
 				background: #f39c12;
 			}
-			.logs .log.notice .date {
+			.log.notice .date {
 				background: #ecf0f1;
 			}
 
@@ -772,7 +772,7 @@ body {
 }
 
 /*** FALLBACK ***/
-.dropdown .dropdown-menu:after {
+.dropdown-menu:after {
 	-moz-transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);

public/themes/flat-design/global.css

@@ -12,7 +12,7 @@
 html, body {
 	height: 100%;
 	font-size: 95%;
-	font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", "sans-serif";
+	font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif;
 }
 
 /* LIENS */
@@ -211,93 +211,93 @@ input, select, textarea {
 		text-decoration: none;
 	}
 
-	.btn.btn-important {
+	.btn-important {
 		background: #e67e22;
 		color: #fff;
 		border-bottom: 3px solid #d35400;
 	}
-		.btn.btn-important:active,
-		.btn.btn-important:hover {
+		.btn-important:active,
+		.btn-important:hover {
 			background: #d35400;
 		}
 
-	.btn.btn-attention {
+	.btn-attention {
 		background: #e74c3c;
 		color: #fff;
 		border-bottom: 3px solid #c0392b;
 	}
-		.btn.btn-attention:hover,
-		.btn.btn-attention:active {
+		.btn-attention:hover,
+		.btn-attention:active {
 			background: #c0392b;
 		}
 
 /* NAVIGATION */
-.nav.nav-list {
+.nav-list {
 	border-right: 1px solid #ecf0f1;
 }
-.nav.nav-list .nav-header,
-.nav.nav-list .item {
+.nav-list .nav-header,
+.nav-list .item {
 	display: block;
 	height: 35px;
 	line-height: 35px;
 	margin: 5px 0;
 }
-	.nav.nav-list .item:hover,
-	.nav.nav-list .item.active {
+	.nav-list .item:hover,
+	.nav-list .item.active {
 		background: #2980b9;
 		color: #fff;
 	}
-		.nav.nav-list .item:hover a,
-		.nav.nav-list .item.active a {
+		.nav-list .item:hover a,
+		.nav-list .item.active a {
 			color: #fff;
 		}
-	.nav.nav-list .disable {
+	.nav-list .disable {
 		color: #aaa;
 		background: #fafafa;
 		text-align: center;
 	}
-	.nav.nav-list .item > * {
+	.nav-list .item > * {
 		display: block;
 		padding: 0 10px;
 		overflow: hidden;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
-		.nav.nav-list a:hover {
+		.nav-list a:hover {
 			text-decoration: none;
 		}
-	.nav.nav-list .item.error a {
+	.nav-list .item.error a {
 		color: #BD362F;
 	}
-		.nav.nav-list .item:hover.error a,
-		.nav.nav-list .item.active.error a {
+		.nav-list .item:hover.error a,
+		.nav-list .item.active.error a {
 			color: #fff;
 			background: #BD362F;
 		}
-	.nav.nav-list .item.empty a {
+	.nav-list .item.empty a {
 		color: #f39c12;
 	}
-		.nav.nav-list .item:hover.empty a,
-		.nav.nav-list .item.active.empty a {
+		.nav-list .item:hover.empty a,
+		.nav-list .item.active.empty a {
 			color: #fff;
 			background: #f39c12;
 		}
 
-	.nav.nav-list .nav-header {
+	.nav-list .nav-header {
 		padding: 0 10px;
 		margin: 0;
 		color: #fff;
 		background: #34495e;
 		font-weight: bold;
 	}
-	.nav.nav-list .separator {
+	.nav-list .separator {
 		display: block;
 		height: 0;
 		margin: 5px 0;
 		border-bottom: 1px solid #ddd;
 	}
 
-	.nav.nav-list .nav-form {
+	.nav-list .nav-form {
 		padding: 3px;
 		text-align: center;
 	}
@@ -335,11 +335,11 @@ input, select, textarea {
 	position: relative;
 	display: inline-block;
 }
-	.dropdown .dropdown-target {
+	.dropdown-target {
 		display: none;
 	}
 
-	.dropdown .dropdown-menu {
+	.dropdown-menu {
 		display: none;
 		min-width: 200px;
 		margin: 5px 0 0;
@@ -351,7 +351,7 @@ input, select, textarea {
 		border-radius: 3px;
 		text-align: left;
 	}
-	.dropdown .dropdown-menu:after {
+	.dropdown-menu:after {
 		content: "";
 		position: absolute;
 		top: -6px;
@@ -364,7 +364,7 @@ input, select, textarea {
 		z-index: -10;
 		transform: rotate(45deg);
 	}
-		.dropdown .dropdown-menu .dropdown-header {
+		.dropdown-header {
 			display: block;
 			padding: 0 5px;
 			color: #34495e;
@@ -372,36 +372,36 @@ input, select, textarea {
 			font-size: 14px;
 			line-height: 30px;
 		}
-		.dropdown .dropdown-menu .item {
+		.dropdown-menu .item {
 			display: block;
 			height: 30px;
 			font-size: 90%;
 			line-height: 30px;
 		}
-			.dropdown .dropdown-menu .item > * {
+			.dropdown-menu .item > * {
 				display: block;
 				padding: 0 25px;
 				line-height: 30px;
 			}
-			.dropdown .dropdown-menu .item:hover {
+			.dropdown-menu .item:hover {
 				background: #2980b9;
 				color: #fff;
 			}
-				.dropdown .dropdown-menu .item:hover > * {
+				.dropdown-menu .item:hover > * {
 					color: #fff;
 					text-decoration: none;
 				}
-		.dropdown .dropdown-menu .input {
+		.dropdown-menu .input {
 			display: block;
 			height: 40px;
 			font-size: 90%;
 			line-height: 30px;
 		}
-			.dropdown .dropdown-menu label {
+			.dropdown-menu label {
 				font-weight: normal;
 			}
-			.dropdown .dropdown-menu .input select,
-			.dropdown .dropdown-menu .input input {
+			.dropdown-menu .input select,
+			.dropdown-menu .input input {
 				display: block;
 				height: 20px;
 				width: 95%;
@@ -409,24 +409,24 @@ input, select, textarea {
 				padding: 2px 5px;
 				border-radius: 3px;
 			}
-			.dropdown .dropdown-menu .input select {
+			.dropdown-menu .input select {
 				width: 70%;
 				height: auto;
 			}
-		.dropdown .dropdown-menu .separator {
+		.dropdown-menu .separator {
 			display: block;
 			height: 0;
 			margin: 5px 0;
 			border-bottom: 1px solid #95a5a6;
 		}
-		.dropdown .dropdown-target:target ~ .dropdown-menu {
+		.dropdown-target:target ~ .dropdown-menu {
 			display: block;
 			z-index: 10;
 		}
-	.dropdown .dropdown-close {
+	.dropdown-close {
 		display: inline;
 	}
-		.dropdown .dropdown-close a {
+		.dropdown-close a {
 			position: fixed;
 			top: 0; bottom: 0;
 			left: 0; right: 0;
@@ -448,22 +448,22 @@ input, select, textarea {
 	color: #aaa;
 	text-shadow: 0 0 1px #eee;
 }
-	.alert .alert-head {
+	.alert-head {
 		margin: 0;
 		font-weight: bold;
 		font-size: 110%;
 	}
-	.alert.alert-warn {
+	.alert-warn {
 		background: #ffe;
 		border: 1px solid #eeb;
 		color: #c95;
 	}
-	.alert.alert-success {
+	.alert-success {
 		background: #dfd;
 		border: 1px solid #cec;
 		color: #484;
 	}
-	.alert.alert-error {
+	.alert-error {
 		background: #fdd;
 		border: 1px solid #ecc;
 		color: #844;