From caa9e57bba1ca18f56a37af1d781fb00aabc94f8 Mon Sep 17 00:00:00 2001
From: tofulm <tofulm@gmail.com>
Date: Mon, 27 Apr 2020 15:18:59 +0200
Subject: [PATCH] une css moins pire

---
 css/jquery.tag-editor.css | 159 +++++++++++++++++++++++++++++++-------
 formulaires/gamumail.html |   4 +-
 2 files changed, 135 insertions(+), 28 deletions(-)

diff --git a/css/jquery.tag-editor.css b/css/jquery.tag-editor.css
index 949995d..21beebd 100644
--- a/css/jquery.tag-editor.css
+++ b/css/jquery.tag-editor.css
@@ -1,45 +1,150 @@
 /* surrounding tag container */
 .tag-editor {
-    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
-    font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
+	list-style-type: none;
+	padding: 0 5px 0 0;
+	margin: 0;
+	overflow: hidden;
+	border: 1px solid #eee;
+	cursor: text;
+	font: normal 14px sans-serif;
+	color: #555;
+	background: #fff;
+	line-height: 20px;
 }
 
 /* core styles usually need no change */
-.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
-.tag-editor div { float: left; padding: 0 4px; }
-.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
-.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
+.tag-editor li {
+	display: block;
+	float: left;
+	overflow: hidden;
+	margin: 3px 0;
+}
+.tag-editor div {
+	float: left;
+	padding: 0 4px;
+}
+.tag-editor .placeholder {
+	padding: 0 8px;
+	color: #bbb;
+}
+.tag-editor .tag-editor-spacer {
+	padding: 0;
+	width: 8px;
+	overflow: hidden;
+	color: transparent;
+	background: none;
+}
 .tag-editor input {
-    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
-    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
-    box-shadow: none; background: none; color: #444;
+	vertical-align: inherit;
+	border: 0;
+	outline: none;
+	padding: 0;
+	margin: 0;
+	cursor: text;
+	font-family: inherit;
+	font-weight: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	box-shadow: none;
+	background: none;
+	color: #444;
 }
 /* hide original input field or textarea visually to allow tab navigation */
-.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
+.tag-editor-hidden-src {
+	position: absolute !important;
+	left: -99999px;
+}
 /* hide IE10 "clear field" X */
-.tag-editor ::-ms-clear { display: none; }
+.tag-editor ::-ms-clear {
+	display: none;
+}
 
 /* tag style */
 .tag-editor .tag-editor-tag {
-    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
-    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
+	/*padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;*/
+	/*overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;*/
+	padding-left: 5px;
+	color: rgb(43, 43, 43);
+	background: rgb(210, 211, 211);
+	white-space: nowrap;
+	overflow: hidden;
+	cursor: pointer;
+	border-radius: 4px 0 0 4px;
 }
 
 /* delete icon */
-.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
-.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
-.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
-.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
-.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }
+/*.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }*/
+.tag-editor .tag-editor-delete {
+	background: rgb(210, 211, 211);
+	cursor: pointer;
+	border-radius: 0 4px 4px 0;
+	padding-left: 3px;
+	padding-right: 4px;
+}
+.tag-editor .tag-editor-delete i {
+	line-height: 18px;
+	display: inline-block;
+}
+/*.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }*/
+.tag-editor .tag-editor-delete i:before {
+	font-size: 16px;
+	color: rgba(200, 37, 37, 1);
+	content: '×';
+	font-style: normal;
+}
+.tag-editor .tag-editor-delete:hover i:before {
+	color: #d65454;
+}
+.tag-editor .tag-editor-tag.active + .tag-editor-delete,
+.tag-editor .tag-editor-tag.active + .tag-editor-delete i {
+	visibility: hidden;
+	cursor: text;
+}
 
-.tag-editor .tag-editor-tag.active { background: none !important; }
+.tag-editor .tag-editor-tag.active {
+	background: none !important;
+}
 
 /* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
-.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
-.ui-front { z-index: 9999; }
-.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
-.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
-.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
-.ui-widget-content a { color: #46799b; }
-.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
-.ui-helper-hidden-accessible { display: none; }
+.ui-autocomplete {
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: default;
+	font-size: 14px;
+}
+.ui-front {
+	z-index: 9999;
+}
+.ui-menu {
+	list-style: none;
+	padding: 1px;
+	margin: 0;
+	display: block;
+	outline: none;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration: none;
+	display: block;
+	padding: 2px 0.4em;
+	line-height: 1.4;
+	min-height: 0; /* support: IE7 */
+}
+.ui-widget-content {
+	border: 1px solid #bbb;
+	background: #fff;
+	color: #555;
+}
+.ui-widget-content a {
+	color: #46799b;
+}
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+	background: #e0eaf1;
+}
+.ui-helper-hidden-accessible {
+	display: none;
+}
diff --git a/formulaires/gamumail.html b/formulaires/gamumail.html
index 4a2284b..dbb8252 100644
--- a/formulaires/gamumail.html
+++ b/formulaires/gamumail.html
@@ -1,3 +1,5 @@
+#CACHE{0}
+
 <link rel="stylesheet" href="[(#CHEMIN{css/jquery.tag-editor.css}|timestamp)]" type="text/css" media="screen" charset="utf-8">
 
 <div class="formulaire_spip formulaire_#FORM">
@@ -120,7 +122,7 @@
 
 	jQuery(function() {
 		gamumail();
-		onAjaxLoad(gamumail);
+		//onAjaxLoad(gamumail);
 
 		function gamumail(){
 			$(".tagEditor").tagEditor({