Mise à jour design (dropdown) + fichier fallback supprimé

* Suppression des boutons de fermeture pour les dropdowns : la fermeture
  se fait maintenant en cliquant n'importe où sur l'écran
* Suppression fichier fallback.css pour le thème par défaut. Déplacement
  dans freshrss.css en fin de fichier pour bien le séparer du reste (#166)

1 files changed, 20 insertions, 16 deletions

diff --git a/public/themes/default/global.css b/public/themes/default/global.css
index 7caeb34e6..8685b4e92 100644
--- a/public/themes/default/global.css
+++ b/public/themes/default/global.css
@@ -211,7 +211,8 @@ input, select, textarea {
 		text-decoration: none;
 	}
 	.btn.active,
-	.btn:active {
+	.btn:active,
+	.dropdown-target:target ~ .btn.dropdown-toggle {
 		box-shadow: 0px 2px 4px #e0e0e0 inset, 0px 1px 2px #fafafa;
 		background: #eee;
 	}
@@ -361,6 +362,19 @@ input, select, textarea {
 		text-align: left;
 		box-shadow: 3px 3px 3px #ddd;
 	}
+	.dropdown .dropdown-menu:after {
+		content: "";
+		position: absolute;
+		top: -6px;
+		right: 13px;
+		width: 10px;
+		height: 10px;
+		background: #fff;
+		border-top: 1px solid #ddd;
+		border-left: 1px solid #ddd;
+		z-index: -10;
+		transform: rotate(45deg);
+	}
 		.dropdown .dropdown-menu .dropdown-header {
 			display: block;
 			padding: 0 5px;
@@ -418,24 +432,14 @@ input, select, textarea {
 			z-index: 10;
 		}
 	.dropdown .dropdown-close {
-		display: inline-block;
-		position: absolute;
-		top: -16px; right: -16px;
-		width: 26px;
-		height: 26px;
-		background: #fff;
-		border-radius: 50px;
-		border: 1px solid #ddd;
-		line-height: 26px;
-		text-align: center;
+		display: inline;
 	}
 		.dropdown .dropdown-close a {
+			position: fixed;
+			top: 0; bottom: 0;
+			left: 0; right: 0;
 			display: block;
-			width: 100%;
-			height: 100%;
-		}
-		.dropdown .dropdown-close:hover {
-			background: #f4f4f4;
+			z-index: -10;
 		}
 
 /* ALERTS */