From a23a226a26c874d3f201d1174a3c4842d0979aec Mon Sep 17 00:00:00 2001
From: Laurent Laffont <llaffont@afi-sa.fr>
Date: Fri, 1 Sep 2017 11:44:15 +0200
Subject: [PATCH] dev #61993 admin front nav css refactoring

---
 public/admin/css/front_nav.css           | 224 +++++++++++++++++++++++
 public/admin/skins/bokeh72/front_nav.css | 152 +--------------
 public/admin/skins/bokeh74/front_nav.css | 159 +---------------
 public/admin/skins/retro/front_nav.css   | 142 +-------------
 public/opac/css/global.css               |  74 --------
 5 files changed, 229 insertions(+), 522 deletions(-)
 create mode 100644 public/admin/css/front_nav.css

diff --git a/public/admin/css/front_nav.css b/public/admin/css/front_nav.css
new file mode 100644
index 00000000000..a9b4efc3782
--- /dev/null
+++ b/public/admin/css/front_nav.css
@@ -0,0 +1,224 @@
+
+.menu_admin_front * {
+    box-sizing: content-box;
+    font-family: arial, sans-serif;
+}
+
+.menu_admin_front .form select,
+.menu_admin_front > div {
+    background-color: var(--widget-background);
+}
+
+.menu_admin_front .admin_menu_title,
+.menu_admin_front .form select,
+.menu_admin_front label {
+    color: var(--main-text);
+}
+
+.menu_admin_front a {
+    color: var(--anchor);
+}
+
+.menu_admin_front .form select {
+    border: 1px solid var(--border-highlight);
+}
+
+.menu_admin_front > div {
+    box-shadow: 1px 1px 5px var(--widget-shadow);
+}
+
+.menu_admin_front {
+    font-size: 12px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 102;
+}
+
+.menu_admin_front > button,
+.menu_admin_front > div {
+    transition: all 0.4s;
+}
+
+.menu_admin_front > div {
+    overflow: hidden;
+    width: 300px;
+}
+
+.menu_admin_front.hidden > div {
+    margin-left: -300px;
+    position: absolute;
+}
+
+.menu_admin_front > button {
+    margin: 0;
+    white-space: nowrap;
+}
+
+.menu_admin_front:not(.hidden) > button > img {
+    transform: rotate(45deg);
+}
+
+.menu_admin_front .amdin_menu_title,
+.menu_admin_front form tr,
+.menu_admin_front a {
+    display: block;
+    line-height: 2em;
+}
+
+.menu_admin_front a img {
+    float: right;
+    vertical-align: middle;
+    padding-right: 1.5em;
+}
+
+.menu_admin_front ul,
+.menu_admin_front li {
+    margin: 0 0 0 0.2em;
+    padding: 0 0 0 0.2em;
+    list-style: none;
+}
+
+.menu_admin_front [class*="deactivate"] {
+    display: none;
+}
+
+.menu_admin_front fieldset {
+    padding: 0;
+    margin: 0;
+}
+
+.menu_admin_front .form td {
+    display: inline-block;
+    text-align: left !important;
+}
+
+.menu_admin_front form + .boutons {
+    display: none;
+}
+
+.menu_admin_front .form {
+    text-align: left;
+}
+
+.menu_admin_front .form * {
+    display: block;
+}
+
+.menu_admin_front .form select {
+    display: inline;
+    height: 2em;
+    width: 270px;
+}
+
+#site_web_wrapper[data-show_admin_icons="true"] a[href*="/admin"] {
+    display: inline-block !important;
+}
+
+
+.menu_admin_front a[href$="/admin"] img {
+    filter: invert(1);
+}
+
+#site_web_wrapper[data-show_admin_icons="true"] .configuration_module {
+    display: block !important;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+}
+
+#site_web_wrapper .footer select[onchange],
+#site_web_wrapper .footer a[href*="/admin"],
+#site_web_wrapper .admin_tools_lock,
+#site_web_wrapper .configuration_module,
+#site_web_wrapper a[href*="/admin"] {
+    display: none !important;
+}
+
+
+#site_web_wrapper a[href*="/admin"]  {
+    z-index: 101;
+    background-color: transparent !important;
+    margin: 0 !important;
+    border: 2px solid transparent !important;
+    left: 0;
+    padding: 1px !important;
+    opacity: 0.4;
+}
+
+
+#site_web_wrapper a[href*="/admin"],
+#site_web_wrapper a[href*="/admin"] img {
+    height: 16px !important;
+    width: 16px !important;
+}
+
+
+#site_web_wrapper a[href*="/admin"] img {
+    margin: 0 !important;
+    padding: 0 !important;
+    border-radius: 0 !important;
+    vertical-align: top;
+    left: auto !important;
+    top: auto !important;
+    position: static !important;
+}
+
+
+#site_web_wrapper #menu_horizontal:hover a[href*="/admin"], 
+#site_web_wrapper .boite:hover a[href*="/admin"] {
+    opacity: 1 !important;
+}
+
+
+#site_web_wrapper a[href*="/admin"]:hover {
+    border-color: black !important;
+    background-color: white !important;
+}
+
+.menu_admin_front a:hover, 
+.menu_admin_front a:focus {
+    text-decoration: underline;
+}
+
+.menu_admin_front > div {
+    padding-bottom: 1em;
+}
+
+.menu_admin_front .admin_menu_title {
+    font-size: 1.17em;
+    margin: 1em 0 1em 0;
+    font-weight: bold;
+}
+
+.menu_admin_front .admin_menu_title label {
+    font-weight: bold;
+}
+
+
+a[class*="edit_"]:not(.edit_profil) {
+    position: absolute;
+}
+
+.configuration_module a.edit_menu {
+    position: static;
+}
+
+
+.menu_horizontal > a.edit_menu:focus,
+.menu_horizontal > a.edit_menu {
+    left: auto !important;
+    right: 0;
+}
+
+
+
+div.menu_vertical ul a.edit_menu,
+#menu_horizontal ul a.edit_menu {
+    left: -1em !important;
+}
+
+article header .edit_article,
+section .edit_library {
+    top: 2ex;
+}
\ No newline at end of file
diff --git a/public/admin/skins/bokeh72/front_nav.css b/public/admin/skins/bokeh72/front_nav.css
index 46f1648b4b1..0f2066cd19c 100644
--- a/public/admin/skins/bokeh72/front_nav.css
+++ b/public/admin/skins/bokeh72/front_nav.css
@@ -1,151 +1 @@
-.menu_admin_front * {
-    box-sizing: content-box;
-    font-family: arial, sans-serif;
-}
-
-.menu_admin_front .form select,
-.menu_admin_front > div {
-    background-color: var(--widget-background);
-}
-
-.menu_admin_front .admin_menu_title,
-.menu_admin_front .form select,
-.menu_admin_front label {
-    color: var(--main-text);
-}
-
-.menu_admin_front a {
-    color: var(--anchor);
-}
-
-.menu_admin_front .form select {
-    border: 1px solid var(--border-highlight);
-}
-
-.menu_admin_front > div {
-    box-shadow: 1px 1px 5px var(--widget-shadow);
-}
-
-.menu_admin_front {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 102;
-}
-
-.menu_admin_front > button,
-.menu_admin_front > div {
-    transition: all 0.4s;
-}
-
-.menu_admin_front > div {
-    overflow: hidden;
-    width: 300px;
-}
-
-.menu_admin_front.hidden > div {
-    margin-left: -300px;
-    position: absolute;
-}
-
-.menu_admin_front > button {
-    margin: 0;
-    white-space: nowrap;
-}
-
-.menu_admin_front:not(.hidden) > button > img {
-    transform: rotate(45deg);
-}
-
-.menu_admin_front .admin_menu_title,
-.menu_admin_front form tr,
-.menu_admin_front a {
-    display: block;
-    line-height: 2em;
-}
-
-.menu_admin_front a img {
-    float: right;
-    vertical-align: middle;
-    padding-right: 1.5em;
-}
-
-.menu_admin_front ul,
-.menu_admin_front li {
-    margin: 0 0 0 0.2em;
-    padding: 0 0 0 0.2em;
-    list-style: none;
-}
-
-.menu_admin_front [class*="deactivate"] {
-    display: none;
-}
-
-.menu_admin_front fieldset {
-    padding: 0;
-    margin: 0;
-}
-
-.menu_admin_front .form td {
-    display: inline-block;
-    text-align: left !important;
-}
-
-.menu_admin_front form + .boutons {
-    display: none;
-}
-
-.menu_admin_front .form {
-    text-align: left;
-}
-
-.menu_admin_front .form * {
-    display: block;
-}
-
-.menu_admin_front .form select {
-    display: inline;
-    height: 2em;
-    width: 270px;
-}
-
-
-#site_web_wrapper .footer select[onchange],
-#site_web_wrapper .footer a[href*="/admin"],
-#site_web_wrapper .admin_tools_lock,
-#site_web_wrapper .configuration_module,
-#site_web_wrapper a[href*="/admin"] {
-    display: none;
-    opacity: 1;
-}
-
-
-#site_web_wrapper[data-show_admin_icons="true"] a[href*="/admin"] {
-    display: inline-block;
-}
-
-
-#site_web_wrapper[data-show_admin_icons="true"] .configuration_module {
-    display: block;
-    position: absolute;
-    right: 10px;
-    top: 10px;
-}
-
-
-.menu_admin_front a:hover, 
-.menu_admin_front a:focus {
-    text-decoration: underline;
-}
-
-.menu_admin_front a img {
-    height: 18px;
-}
-
-.menu_admin_front .admin_menu_title {
-    font-size: 1.17em;
-    margin: 1em 0 1em 0;
-    font-weight: bold;
-}
-
-
+@import url('../../css/front_nav.css');
\ No newline at end of file
diff --git a/public/admin/skins/bokeh74/front_nav.css b/public/admin/skins/bokeh74/front_nav.css
index 62e93c850d9..0f2066cd19c 100644
--- a/public/admin/skins/bokeh74/front_nav.css
+++ b/public/admin/skins/bokeh74/front_nav.css
@@ -1,158 +1 @@
-.menu_admin_front * {
-    box-sizing: content-box;
-    font-family: arial, sans-serif;
-}
-
-.menu_admin_front .form select,
-.menu_admin_front > div {
-    background-color: var(--widget-background);
-}
-
-.menu_admin_front .admin_menu_title,
-.menu_admin_front .form select,
-.menu_admin_front label {
-    color: var(--main-text);
-}
-
-.menu_admin_front a {
-    color: var(--anchor);
-}
-
-.menu_admin_front .form select {
-    border: 1px solid var(--border-highlight);
-}
-
-.menu_admin_front > div {
-    box-shadow: 1px 1px 5px var(--widget-shadow);
-}
-
-.menu_admin_front {
-    font-size: 12px;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 102;
-}
-
-.menu_admin_front > button,
-.menu_admin_front > div {
-    transition: all 0.4s;
-}
-
-.menu_admin_front > div {
-    overflow: hidden;
-    width: 300px;
-}
-
-.menu_admin_front.hidden > div {
-    margin-left: -300px;
-    position: absolute;
-}
-
-.menu_admin_front > button {
-    margin: 0;
-    white-space: nowrap;
-}
-
-.menu_admin_front:not(.hidden) > button > img {
-    transform: rotate(45deg);
-}
-
-.menu_admin_front .amdin_menu_title,
-.menu_admin_front form tr,
-.menu_admin_front a {
-    display: block;
-    line-height: 2em;
-}
-
-.menu_admin_front a img {
-    float: right;
-    vertical-align: middle;
-    padding-right: 1.5em;
-}
-
-.menu_admin_front ul,
-.menu_admin_front li {
-    margin: 0 0 0 0.2em;
-    padding: 0 0 0 0.2em;
-    list-style: none;
-}
-
-.menu_admin_front [class*="deactivate"] {
-    display: none;
-}
-
-.menu_admin_front fieldset {
-    padding: 0;
-    margin: 0;
-}
-
-.menu_admin_front .form td {
-    display: inline-block;
-    text-align: left !important;
-}
-
-.menu_admin_front form + .boutons {
-    display: none;
-}
-
-.menu_admin_front .form {
-    text-align: left;
-}
-
-.menu_admin_front .form * {
-    display: block;
-}
-
-.menu_admin_front .form select {
-    display: inline;
-    height: 2em;
-    width: 270px;
-}
-
-#site_web_wrapper[data-show_admin_icons="true"] a[href*="/admin"] {
-    display: inline-block;
-}
-
-.menu_admin_front a img {
-    height: 18px;
-}
-
-.menu_admin_front a[href$="/admin"] img {
-    filter: invert(1);
-}
-
-#site_web_wrapper[data-show_admin_icons="true"] .configuration_module {
-    display: block;
-    position: absolute;
-    right: 10px;
-    top: 10px;
-}
-
-#site_web_wrapper .footer select[onchange],
-#site_web_wrapper .footer a[href*="/admin"],
-#site_web_wrapper .admin_tools_lock,
-#site_web_wrapper .configuration_module,
-#site_web_wrapper a[href*="/admin"] {
-    display: none;
-    opacity: 1;
-}
-
-.menu_admin_front a:hover, 
-.menu_admin_front a:focus {
-    text-decoration: underline;
-}
-
-.menu_admin_front > div {
-    padding-bottom: 1em;
-}
-
-.menu_admin_front .admin_menu_title {
-    font-size: 1.17em;
-    margin: 1em 0 1em 0;
-    font-weight: bold;
-}
-
-.menu_admin_front .admin_menu_title label {
-    font-weight: bold;
-}
\ No newline at end of file
+@import url('../../css/front_nav.css');
\ No newline at end of file
diff --git a/public/admin/skins/retro/front_nav.css b/public/admin/skins/retro/front_nav.css
index d2336e434a7..b8ebbecc18c 100644
--- a/public/admin/skins/retro/front_nav.css
+++ b/public/admin/skins/retro/front_nav.css
@@ -1,3 +1,5 @@
+@import url('../../css/front_nav.css');
+
 @font-face{
     font-family:minecraft;
     src:url(Minecraft.ttf) format("truetype");
@@ -23,142 +25,4 @@
 
 .menu_admin_front > div > ul > li {
     margin-top: 1em;
-}
-
-.menu_admin_front .admin_menu_title,
-.menu_admin_front .form select,
-.menu_admin_front label {
-    color: var(--main-text);
-}
-
-.menu_admin_front a {
-    color: var(--anchor);
-}
-
-.menu_admin_front .form select {
-    border: 1px solid var(--border-highlight);
-}
-
-.menu_admin_front > div {
-    box-shadow: 1px 1px 5px var(--widget-shadow);
-}
-
-.menu_admin_front {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 102;
-}
-
-.menu_admin_front > button,
-.menu_admin_front > div {
-    transition: all 0.4s;
-}
-
-.menu_admin_front > div {
-    overflow: hidden;
-    width: 300px;
-}
-
-.menu_admin_front.hidden > div {
-    margin-left: -300px;
-    position: absolute;
-}
-
-.menu_admin_front > button {
-    margin: 0;
-    white-space: nowrap;
-}
-
-.menu_admin_front:not(.hidden) > button > img {
-    transform: rotate(45deg);
-}
-
-.menu_admin_front .admin_menu_title,
-.menu_admin_front form tr,
-.menu_admin_front a {
-    display: block;
-    line-height: 2em;
-}
-
-.menu_admin_front a img {
-    float: right;
-    vertical-align: middle;
-    padding-right: 1.5em;
-}
-
-.menu_admin_front ul,
-.menu_admin_front li {
-    margin: 0;
-    padding: 0 0.2em 0 0.2em;
-    list-style: none;
-}
-
-.menu_admin_front [class*="deactivate"] {
-    display: none;
-}
-
-.menu_admin_front fieldset {
-    padding: 0;
-    margin: 0;
-}
-
-.menu_admin_front .form td {
-    display: inline-block;
-    text-align: left !important;
-}
-
-.menu_admin_front form + .boutons {
-    display: none;
-}
-
-.menu_admin_front .form {
-    text-align: left;
-}
-
-.menu_admin_front .form * {
-    display: block;
-}
-
-.menu_admin_front .form select {
-    height: 2em;
-    width: 270px;
-}
-
-#site_web_wrapper[data-show_admin_icons="true"] a[href*="/admin"] {
-    display: inline-block;
-}
-
-
-#site_web_wrapper[data-show_admin_icons="true"] .configuration_module {
-    display: block;
-    position: absolute;
-    right: 10px;
-    top: 10px;
-}
-
-#site_web_wrapper .footer select[onchange],
-#site_web_wrapper .footer a[href*="/admin"],
-#site_web_wrapper .admin_tools_lock,
-#site_web_wrapper .configuration_module,
-#site_web_wrapper a[href*="/admin"] {
-    display: none;
-    opacity: 1;
-}
-
-
-.menu_admin_front a:hover, 
-.menu_admin_front a:focus {
-    text-decoration: underline;
-}
-
-.menu_admin_front a[href$="/admin"] img {
-    height: 18px;
-    filter: invert(1);
-}
-
-.menu_admin_front .admin_menu_title {
-    font-size: 1.17em;
-    margin: 1em 0 1em 0;
-    font-weight: bold;
-}
+}
\ No newline at end of file
diff --git a/public/opac/css/global.css b/public/opac/css/global.css
index df0fd13eb7a..27378cc4489 100644
--- a/public/opac/css/global.css
+++ b/public/opac/css/global.css
@@ -3560,78 +3560,4 @@ th.actions {
 .boutons {
     text-align: center;
     padding: 1em;
-}
-
-a.newsadd,
-a.default_filters,
-a[class*="edit_"]:not(.edit_profil) {
-    position: absolute;
-}
-
-a.newsadd,
-a.default_filters,
-.configuration_module a,
-a[class*="edit_"]:not(.edit_profil):focus,
-a[class*="edit_"]:not(.edit_profil) {
-    display: inline-block;
-    z-index: 101;
-    background-color: transparent !important;
-    margin: 0 !important;
-    height: auto !important;
-    width: auto !important;
-    border: 2px solid transparent !important;
-    left: 0;
-}
-
-a.newsadd:hover,
-a.default_filters:hover,
-.configuration_module a:hover,
-a[class*="edit_"]:not(.edit_profil):hover {
-    border-color: black !important;
-    background-color: white !important;
-}
-
-a.newsadd img,
-a.default_filters img,
-.configuration_module a img,
-a[class*="edit_"] img {
-    height: 16px !important;
-    width: 16px !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    border-radius: 0 !important;
-    vertical-align: top;
-}
-
-.edit_profil {
-    margin: 0 5px;
-}
-
-.configuration_module + a.edit_menu:focus,
-.configuration_module + a.edit_menu,
-a.newsadd,
-a.newsadd:focus,
-a.default_filters,
-a.default_filters:focus {
-    top: auto;
-    left: auto;
-    right: 80px !important;
-}
-
-.menu_horizontal > a.edit_menu:focus,
-.menu_horizontal > a.edit_menu {
-    left: auto;
-    right: 0;
-}
-
-
-
-div.menu_vertical ul a.edit_menu,
-#menu_horizontal ul a.edit_menu {
-    left: -1em;
-}
-
-article header .edit_article,
-section .edit_library {
-    top: 2ex;
 }
\ No newline at end of file
-- 
GitLab