diff --git a/public_html/css/expanded/constants.css b/public_html/css/expanded/constants.css deleted file mode 100755 index a088c9c..0000000 --- a/public_html/css/expanded/constants.css +++ /dev/null @@ -1,7 +0,0 @@ -/* COULEUR DU THEME */ -/* COULEUR DU SOUS-MENU */ -/* COULEUR DES ERREURS */ -/* FORMULAIRES */ -/* GESTION DES LONGUEURS */ - -/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29uc3RhbnRzLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSIvKiBDT1VMRVVSIERVIFRIRU1FICovXG4kdGhlbWUtY29sb3I6ICNmNDRmMDY7XG5cbi8qIENPVUxFVVIgRFUgU09VUy1NRU5VICovXG4kc3ViLW1lbnUtY29sb3I6ICM1YjVlNjM7XG5cbi8qIENPVUxFVVIgREVTIEVSUkVVUlMgKi9cbiRlcnJvci1jb2xvcjogI2NjNTg1NztcblxuLyogRk9STVVMQUlSRVMgKi9cbiRmb3JtLXZhbGlkLWNvbG9yOiAgICMyN2E1NjA7XG4kZm9ybS1uZXV0cmFsLWNvbG9yOiAjMjE5M2U2O1xuJGZvcm0tc2VhcmNoLWNvbG9yOiAgIzU2MzBlZDtcbiRmb3JtLWludmFsaWQtY29sb3I6ICNkNTI5MTg7XG5cblxuLyogR0VTVElPTiBERVMgTE9OR1VFVVJTICovXG4kbWVudS1zaWRlLXdpZHRoOiA0ZW07XG5cblxuLy8gUE9VUiBSRVNPVVJDRV9ESVNQQVRDSEVSXG4kcmQtZm9ybS12YWxpZC1jb2xvcjogICAnMjdhNTYwJztcbiRyZC1mb3JtLW5ldXRyYWwtY29sb3I6ICcyMTkzZTYnO1xuJHJkLWZvcm0tc2VhcmNoLWNvbG9yOiAgJzU2MzBlZCc7XG4kcmQtZm9ybS1pbnZhbGlkLWNvbG9yOiAnZDUyOTE4JztcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFBQSxzQkFBc0I7QUFHdEIsMEJBQTBCO0FBRzFCLHlCQUF5QjtBQUd6QixpQkFBaUI7QUFPakIsMkJBQTJCIiwKCSJuYW1lcyI6IFtdCn0= */ \ No newline at end of file diff --git a/public_html/css/expanded/container.css b/public_html/css/expanded/container.css deleted file mode 100755 index 562fa79..0000000 --- a/public_html/css/expanded/container.css +++ /dev/null @@ -1,619 +0,0 @@ -@charset "UTF-8"; -/* COULEUR DU THEME */ -/* COULEUR DU SOUS-MENU */ -/* COULEUR DES ERREURS */ -/* FORMULAIRES */ -/* GESTION DES LONGUEURS */ -#WRAPPER > #CONTAINER { - /* [1] Section (contenu) - =========================================================*/ - /* [2] INLINE-BOX pour afficher les listes de donnees - =========================================================*/ - /* [2-2] INLINE-ROW pour afficher des lignes - =========================================================*/ - /* [3] Formulaires - =========================================================*/ - /* (1) Champs de texte */ - /* (2) Boutons */ -} -#WRAPPER > #CONTAINER > section { - display: none; - flex-grow: 1; -} -#WRAPPER > #CONTAINER > section.active { - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - flex-wrap: wrap; -} -#WRAPPER > #CONTAINER > section.active .inline-box { - flex: 0 0 1; -} -#WRAPPER > #CONTAINER > section.active .inline-row { - flex: 3em 0 1; -} -#WRAPPER > #CONTAINER > section.active .searchbar { - display: inline-block; - position: relative; - flex: calc( 100% - 2*1em - 2*1em ); - margin: 1em; - padding: .5em 1em; - padding-left: 2em; - border-radius: 3px; - border: 1px solid #b1b1b1; - background: #fff url("/src/static/sub-menu-side/search@b1b1b1.svg") 0.5em center no-repeat; - background-size: 1em; - transition: border .4s ease-in-out; -} -#WRAPPER > #CONTAINER > section.active .searchbar:hover, #WRAPPER > #CONTAINER > section.active .searchbar:focus { - border-color: #5630ed; -} -#WRAPPER > #CONTAINER > section.active .error { - display: inline-block; - position: relative; - width: calc( 100% - 2*1em - 2*1em ); - height: 1em; - margin: 1em; - padding: 1em; - border-radius: 3px; - border: 1px solid #d52918; - background: #d52918; - color: #fff; - text-shadow: 1px 1px #a72013; -} -#WRAPPER > #CONTAINER > section > .inline-box, #WRAPPER > #CONTAINER > section > .inline-row { - display: inline-block; - position: relative; - flex: calc( 50% - 2*1em - 2*1em ); - margin: 1em; - padding: 1em; - border-radius: 3px; - box-shadow: 0 0 1px #b7b7b7; - background-color: #fff; - /* (0) Etat des machines */ - /* (1) Titre de l'element */ - /* (2) Code RFID */ - /* (3) Adresse mail */ - /* (4) Groupes */ - /* (5) Lien vers la modification */ - /* (6) Lien vers la suppression */ -} -#WRAPPER > #CONTAINER > section > .inline-box.hidden, #WRAPPER > #CONTAINER > section > .inline-row.hidden { - display: none; -} -#WRAPPER > #CONTAINER > section > .inline-box a, #WRAPPER > #CONTAINER > section > .inline-row a { - text-decoration: none; - color: inherit; -} -#WRAPPER > #CONTAINER > section > .inline-box.selected, #WRAPPER > #CONTAINER > section > .inline-row.selected { - border: 1px solid #7362ff; - transition: box-shadow .2s ease-in-out; -} -#WRAPPER > #CONTAINER > section > .inline-box.selected:hover, #WRAPPER > #CONTAINER > section > .inline-row.selected:hover { - box-shadow: 2px 2px 7px #aaa; -} -#WRAPPER > #CONTAINER > section > .inline-box .state, #WRAPPER > #CONTAINER > section > .inline-row .state { - display: inline-block; - width: .7em; - height: .7em; - margin-right: .3em; - border-radius: 50% / 50%; - background-color: #ddd; -} -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='stopped'], #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='stopped'] { - background-color: #ddd; -} -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='started'], #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='started'] { - background-color: #22E07B; -} -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='signaled'], #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='signaled'] { - background-color: #3897D6; -} -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='locked'], #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='locked'] { - background-color: #EA460A; -} -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='detached'], #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='detached'] { - background-color: transparent; -} -#WRAPPER > #CONTAINER > section > .inline-box .title, #WRAPPER > #CONTAINER > section > .inline-row .title { - display: inline-block; - font-size: 1.15em; - font-weight: bold; - color: #ea4c06; - white-space: nowrap; -} -#WRAPPER > #CONTAINER > section > .inline-box .title > span, #WRAPPER > #CONTAINER > section > .inline-row .title > span { - font-size: .8em; - color: #333; -} -#WRAPPER > #CONTAINER > section > .inline-box .code, -#WRAPPER > #CONTAINER > section > .inline-box .mail, #WRAPPER > #CONTAINER > section > .inline-row .code, -#WRAPPER > #CONTAINER > section > .inline-row .mail { - display: block; - margin: 1em; - color: #333; - white-space: nowrap; -} -#WRAPPER > #CONTAINER > section > .inline-box .code svg, -#WRAPPER > #CONTAINER > section > .inline-box .mail svg, #WRAPPER > #CONTAINER > section > .inline-row .code svg, -#WRAPPER > #CONTAINER > section > .inline-row .mail svg { - display: inline-block; - position: relative; - margin-left: .5em; - margin-right: .5em; - margin-bottom: -.6em; - width: 1.5em; - height: 2em; - pointer-events: none; -} -#WRAPPER > #CONTAINER > section > .inline-box .code svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .mail svg path#stylisable, #WRAPPER > #CONTAINER > section > .inline-row .code svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .mail svg path#stylisable { - fill: #333 !important; - pointer-events: none; -} -#WRAPPER > #CONTAINER > section > .inline-box .code svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .mail svg path#stroke-stylisable, #WRAPPER > #CONTAINER > section > .inline-row .code svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .mail svg path#stroke-stylisable { - stroke: #333 !important; - pointer-events: none; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups, #WRAPPER > #CONTAINER > section > .inline-row .groups { - display: block; - margin: 1em; - color: #333; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups svg, #WRAPPER > #CONTAINER > section > .inline-row .groups svg { - display: inline-block; - position: relative; - margin-left: .5em; - margin-right: .5em; - margin-bottom: -.6em; - width: 1.5em; - height: 2em; - pointer-events: none; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups svg path, #WRAPPER > #CONTAINER > section > .inline-row .groups svg path { - fill: #333 !important; - pointer-events: none; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore), #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore), #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span { - display: inline-block; - position: relative; - padding: .1em .5em; - margin-right: calc( .4em + 2em ); - margin-bottom: .5em; - border-radius: 3px 0 0 3px; - border: 1px solid #bdbdbd; - box-shadow: inset 0 0 2px #fafafa; - background-color: #f9f9f9; - color: #333; - cursor: default; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member { - border-radius: 3px; - cursor: pointer; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - flex: 100%; - justify-content: space-between; - position: absolute; - top: calc( 100% + 5px ); - left: 0; - width: 12em; - height: 500%; - border-radius: 3px; - overflow: hidden; - overflow-y: auto; - background: #fff; - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); - z-index: 100; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown > span { - padding: .5em; - padding-left: 1em; - flex: 2em 1 1; - cursor: pointer; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown > span:hover { - background-color: #F8F8F8; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-group, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-member, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-group, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-member, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-group, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-member, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-group, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-member { - display: block; - position: absolute; - top: -1px; - left: 100%; - width: 1em; - height: calc( 100% - .1em - 2px ); - padding: .12em .5em; - border-radius: 0 3px 3px 0; - border: 1px solid #bdbdbd; - box-shadow: inset 0 0 2px #fafafa; - background: url("/src/static/sub-menu-side/remove.svg") center center no-repeat; - background-size: auto 70%; - background-color: #f9f9f9; - color: inherit; - cursor: pointer; -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-group:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-permission:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-member:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-group:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-permission:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-member:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-group:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-permission:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-member:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-group:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-permission:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-member:hover { - background-image: url("/src/static/sub-menu-side/remove@d52918.svg"); -} -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission:hover, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission, #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission:hover { - border-color: #ddd; - background-color: #eee; - cursor: default; - background-image: url("/src/static/sub-menu-side/permission.svg"); -} -#WRAPPER > #CONTAINER > section > .inline-box .link_edit, -#WRAPPER > #CONTAINER > section > .inline-box .link_remove, #WRAPPER > #CONTAINER > section > .inline-row .link_edit, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove { - display: inline-block; - float: right; - position: relative; - width: 1em; - height: 1em; - margin-left: 1em; - cursor: pointer; -} -#WRAPPER > #CONTAINER > section > .inline-box .link_edit > svg, -#WRAPPER > #CONTAINER > section > .inline-box .link_remove > svg, #WRAPPER > #CONTAINER > section > .inline-row .link_edit > svg, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove > svg { - width: 100%; - height: 100%; - fill: #ddd !important; - transition: fill .4s ease-in-out; - pointer-events: none; -} -#WRAPPER > #CONTAINER > section > .inline-box .link_edit:hover > svg, -#WRAPPER > #CONTAINER > section > .inline-box .link_remove:hover > svg, #WRAPPER > #CONTAINER > section > .inline-row .link_edit:hover > svg, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove:hover > svg { - fill: #2193e6 !important; -} -#WRAPPER > #CONTAINER > section > .inline-box .link_remove:hover > svg, #WRAPPER > #CONTAINER > section > .inline-row .link_remove:hover > svg { - fill: #d52918 !important; -} -#WRAPPER > #CONTAINER > section.fstart { - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-start; - align-items: center; -} -#WRAPPER > #CONTAINER > section.fstart .searchbar { - flex: auto 1 1; -} -#WRAPPER > #CONTAINER > section.active > .inline-row { - flex: auto 1 1; -} -#WRAPPER > #CONTAINER > section > .inline-row { - width: calc( 100% - 4em - 2*1em ); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; - overflow: hidden; -} -#WRAPPER > #CONTAINER > section > .inline-row > span { - display: flex; - flex-direction: column; - justify-content: space-around; - flex: 100% 1 1; - border-left: 1px solid #ddd; - text-align: center; -} -#WRAPPER > #CONTAINER > section > .inline-row > span:first-child { - border-left: 0; -} -#WRAPPER > #CONTAINER > section > .inline-row button { - flex: auto; - width: 5em; -} -#WRAPPER > #CONTAINER > section > form, #WRAPPER > #CONTAINER .form { - display: inline-block; - position: relative; - left: 50%; - margin: .3em 0; - padding: 1em; - border-radius: 3px; - border-color: #d52918; - box-shadow: 0 0 1px #b7b7b7; - background-color: #fff; - transform: translateX(-50%); -} -#WRAPPER > #CONTAINER > section > form.valid, #WRAPPER > #CONTAINER .form.valid { - border-color: #27a560; -} -#WRAPPER > #CONTAINER > section > form.neutral, #WRAPPER > #CONTAINER .form.neutral { - border-color: #2193e6; -} -#WRAPPER > #CONTAINER > section > form.search, #WRAPPER > #CONTAINER .form.search { - border-color: #2193e6; -} -#WRAPPER > #CONTAINER > section > form .edit_search_view, -#WRAPPER > #CONTAINER > section > form .remove_search_view, #WRAPPER > #CONTAINER .form .edit_search_view, -#WRAPPER > #CONTAINER .form .remove_search_view { - display: inline-block; - width: 100%; - text-align: center; - color: #aaaaaa; -} -#WRAPPER > #CONTAINER > section > form .edit_search_view span, -#WRAPPER > #CONTAINER > section > form .remove_search_view span, #WRAPPER > #CONTAINER .form .edit_search_view span, -#WRAPPER > #CONTAINER .form .remove_search_view span { - color: #888888; -} -#WRAPPER > #CONTAINER > section > form span.error-msg, #WRAPPER > #CONTAINER .form span.error-msg { - display: inline-block; - color: #F03C3C; - font-size: 0.7em; -} -#WRAPPER > #CONTAINER input[type=text], -#WRAPPER > #CONTAINER input[type=mail], -#WRAPPER > #CONTAINER input[type=password], -#WRAPPER > #CONTAINER select, #WRAPPER > #CONTAINER.invalid > input[type=text], #WRAPPER > #CONTAINER.invalid > input[type=mail], #WRAPPER > #CONTAINER.invalid > input[type=password], #WRAPPER > #CONTAINER.invalid > select, -#WRAPPER > #CONTAINER input.invalid[type=text], -#WRAPPER > #CONTAINER input.invalid[type=mail], -#WRAPPER > #CONTAINER input.invalid[type=password], -#WRAPPER > #CONTAINER select.invalid { - display: inline-block; - margin: 1em 0; - padding: .7em 1em; - border-radius: 3px; - border: 1px solid #d7dde8; - color: #2f3033; - transition: border .4s ease-in-out; -} -#WRAPPER > #CONTAINER input[type=text]:focus, #WRAPPER > #CONTAINER input[type=text]:hover, -#WRAPPER > #CONTAINER input[type=mail]:focus, -#WRAPPER > #CONTAINER input[type=mail]:hover, -#WRAPPER > #CONTAINER input[type=password]:focus, -#WRAPPER > #CONTAINER input[type=password]:hover, -#WRAPPER > #CONTAINER select:focus, -#WRAPPER > #CONTAINER select:hover, #WRAPPER > #CONTAINER.invalid > input[type=text]:focus, #WRAPPER > #CONTAINER.invalid > input[type=text]:hover, #WRAPPER > #CONTAINER.invalid > input[type=mail]:focus, #WRAPPER > #CONTAINER.invalid > input[type=mail]:hover, #WRAPPER > #CONTAINER.invalid > input[type=password]:focus, #WRAPPER > #CONTAINER.invalid > input[type=password]:hover, #WRAPPER > #CONTAINER.invalid > select:focus, #WRAPPER > #CONTAINER.invalid > select:hover, -#WRAPPER > #CONTAINER input.invalid[type=text]:focus, -#WRAPPER > #CONTAINER input.invalid[type=text]:hover, -#WRAPPER > #CONTAINER input.invalid[type=mail]:focus, -#WRAPPER > #CONTAINER input.invalid[type=mail]:hover, -#WRAPPER > #CONTAINER input.invalid[type=password]:focus, -#WRAPPER > #CONTAINER input.invalid[type=password]:hover, -#WRAPPER > #CONTAINER select.invalid:focus, -#WRAPPER > #CONTAINER select.invalid:hover { - border-color: #d52918; -} -#WRAPPER > #CONTAINER select { - width: 100%; - display: block; - background: #fff; -} -#WRAPPER > #CONTAINER select option { - padding: .5em; -} -#WRAPPER > #CONTAINER .valid > input[type=text]:focus, #WRAPPER > #CONTAINER .valid > input[type=text]:hover, -#WRAPPER > #CONTAINER .valid > input[type=mail]:focus, -#WRAPPER > #CONTAINER .valid > input[type=mail]:hover, -#WRAPPER > #CONTAINER .valid > input[type=password]:focus, -#WRAPPER > #CONTAINER .valid > input[type=password]:hover, -#WRAPPER > #CONTAINER .valid > select:focus, -#WRAPPER > #CONTAINER .valid > select:hover, -#WRAPPER > #CONTAINER input.valid[type=text]:focus, -#WRAPPER > #CONTAINER input.valid[type=text]:hover, -#WRAPPER > #CONTAINER input.valid[type=mail]:focus, -#WRAPPER > #CONTAINER input.valid[type=mail]:hover, -#WRAPPER > #CONTAINER input.valid[type=password]:focus, -#WRAPPER > #CONTAINER input.valid[type=password]:hover, -#WRAPPER > #CONTAINER select.valid:focus, -#WRAPPER > #CONTAINER select.valid:hover { - border-color: #27a560; -} -#WRAPPER > #CONTAINER .neutral > input[type=text]:focus, #WRAPPER > #CONTAINER .neutral > input[type=text]:hover, -#WRAPPER > #CONTAINER .neutral > input[type=mail]:focus, -#WRAPPER > #CONTAINER .neutral > input[type=mail]:hover, -#WRAPPER > #CONTAINER .neutral > input[type=password]:focus, -#WRAPPER > #CONTAINER .neutral > input[type=password]:hover, -#WRAPPER > #CONTAINER .neutral > select:focus, -#WRAPPER > #CONTAINER .neutral > select:hover, -#WRAPPER > #CONTAINER input.neutral[type=text]:focus, -#WRAPPER > #CONTAINER input.neutral[type=text]:hover, -#WRAPPER > #CONTAINER input.neutral[type=mail]:focus, -#WRAPPER > #CONTAINER input.neutral[type=mail]:hover, -#WRAPPER > #CONTAINER input.neutral[type=password]:focus, -#WRAPPER > #CONTAINER input.neutral[type=password]:hover, -#WRAPPER > #CONTAINER select.neutral:focus, -#WRAPPER > #CONTAINER select.neutral:hover { - border-color: #2193e6; -} -#WRAPPER > #CONTAINER .search > input[type=text]:focus, #WRAPPER > #CONTAINER .search > input[type=text]:hover, -#WRAPPER > #CONTAINER .search > input[type=mail]:focus, -#WRAPPER > #CONTAINER .search > input[type=mail]:hover, -#WRAPPER > #CONTAINER .search > input[type=password]:focus, -#WRAPPER > #CONTAINER .search > input[type=password]:hover, -#WRAPPER > #CONTAINER .search > select:focus, -#WRAPPER > #CONTAINER .search > select:hover, -#WRAPPER > #CONTAINER input.search[type=text]:focus, -#WRAPPER > #CONTAINER input.search[type=text]:hover, -#WRAPPER > #CONTAINER input.search[type=mail]:focus, -#WRAPPER > #CONTAINER input.search[type=mail]:hover, -#WRAPPER > #CONTAINER input.search[type=password]:focus, -#WRAPPER > #CONTAINER input.search[type=password]:hover { - border-color: #5630ed; -} -#WRAPPER > #CONTAINER button, -#WRAPPER > #CONTAINER button.invalid, -#WRAPPER > #CONTAINER .invalid > button { - display: inline-block; - position: relative; - left: 50%; - padding: .7em 1em; - border-radius: 3px; - border: 1px solid #d52918; - background: #d52918 center center no-repeat; - color: #fff; - transition: background .4s ease-in-out; - transform: translateX(-50%); -} -#WRAPPER > #CONTAINER button:hover, #WRAPPER > #CONTAINER button:focus, #WRAPPER > #CONTAINER button:disabled, -#WRAPPER > #CONTAINER button.invalid:hover, -#WRAPPER > #CONTAINER button.invalid:focus, -#WRAPPER > #CONTAINER button.invalid:disabled, -#WRAPPER > #CONTAINER .invalid > button:hover, -#WRAPPER > #CONTAINER .invalid > button:focus, -#WRAPPER > #CONTAINER .invalid > button:disabled { - background-color: #fff; - color: #d52918; -} -#WRAPPER > #CONTAINER button.valid, -#WRAPPER > #CONTAINER .valid > button { - border-color: #27a560; - background-color: #27a560; -} -#WRAPPER > #CONTAINER button.valid:hover, #WRAPPER > #CONTAINER button.valid:focus, #WRAPPER > #CONTAINER button.valid:disabled, -#WRAPPER > #CONTAINER .valid > button:hover, -#WRAPPER > #CONTAINER .valid > button:focus, -#WRAPPER > #CONTAINER .valid > button:disabled { - background-color: #fff; - color: #27a560; -} -#WRAPPER > #CONTAINER button.neutral, -#WRAPPER > #CONTAINER .neutral > button { - border-color: #2193e6; - background-color: #2193e6; -} -#WRAPPER > #CONTAINER button.neutral:hover, #WRAPPER > #CONTAINER button.neutral:focus, #WRAPPER > #CONTAINER button.neutral:disabled, -#WRAPPER > #CONTAINER .neutral > button:hover, -#WRAPPER > #CONTAINER .neutral > button:focus, -#WRAPPER > #CONTAINER .neutral > button:disabled { - background-color: #fff; - color: #2193e6; -} -#WRAPPER > #CONTAINER button.search, -#WRAPPER > #CONTAINER .search > button { - border-color: #5630ed; - background-color: #5630ed; -} -#WRAPPER > #CONTAINER button.search:hover, #WRAPPER > #CONTAINER button.search:focus, #WRAPPER > #CONTAINER button.search:disabled, -#WRAPPER > #CONTAINER .search > button:hover, -#WRAPPER > #CONTAINER .search > button:focus, -#WRAPPER > #CONTAINER .search > button:disabled { - background-color: #fff; - color: #5630ed; -} -#WRAPPER > #CONTAINER .invalid > button.active, -#WRAPPER > #CONTAINER button.invalid.active, -#WRAPPER > #CONTAINER button.active { - background-color: #fff; - background-image: url("/src/static/container/active@d52918.svg") !important; - background-size: 1em auto; - color: transparent !important; -} -#WRAPPER > #CONTAINER button.valid.active, -#WRAPPER > #CONTAINER .valid > button.active { - background-image: url("/src/static/container/active@27a560.svg") !important; -} -#WRAPPER > #CONTAINER button.neutral.active, -#WRAPPER > #CONTAINER .neutral > button.active { - background-image: url("/src/static/container/active@2193e6.svg") !important; -} -#WRAPPER > #CONTAINER button.search.active, -#WRAPPER > #CONTAINER .search > button.active { - background-image: url("/src/static/container/active@5630ed.svg") !important; -} -#WRAPPER > #CONTAINER hr.OR[data-label] { - display: block; - position: relative; - width: 100%; - height: 0; - border: 0; - border-bottom: 1px dashed #d52918; -} -#WRAPPER > #CONTAINER hr.OR[data-label]:before { - content: attr(data-label); - display: inline-block; - position: relative; - top: 50%; - left: 50%; - padding: 0 1em; - background-color: #fff; - color: #d52918; - transform: translateX(-50%) translatey(-50%); -} -#WRAPPER > #CONTAINER .valid > hr.OR, -#WRAPPER > #CONTAINER hr.OR.valid { - border-bottom: 1px dashed #27a560; -} -#WRAPPER > #CONTAINER .valid > hr.OR:before, -#WRAPPER > #CONTAINER hr.OR.valid:before { - color: #27a560; -} -#WRAPPER > #CONTAINER .neutral > hr.OR, -#WRAPPER > #CONTAINER hr.OR.neutral { - border-bottom: 1px dashed #2193e6; -} -#WRAPPER > #CONTAINER .neutral > hr.OR:before, -#WRAPPER > #CONTAINER hr.OR.neutral:before { - color: #2193e6; -} -#WRAPPER > #CONTAINER .search > hr.OR, -#WRAPPER > #CONTAINER hr.OR.search { - border-bottom: 1px dashed #5630ed; -} -#WRAPPER > #CONTAINER .search > hr.OR:before, -#WRAPPER > #CONTAINER hr.OR.search:before { - color: #5630ed; -} - -/* [4] Tableau à cocher -=========================================================*/ -article.check-table { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - border-radius: 3px; - border: 1px solid #ddd; -} -article.check-table > div { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - flex: 100%; - padding: .8em 0; - color: #333; - background: #f8f8f8; - border-bottom: 1px solid #eee; - transition: background .2s ease-in-out; - overflow: hidden; -} -article.check-table > div:nth-child(2n) { - background: #fdfdfd; -} -article.check-table > div > span { - flex: 100%; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: center; - /* (1) Gestion du checkbox hack */ -} -article.check-table > div > span input[type='checkbox'] { - display: none; -} -article.check-table > div > span input[type='checkbox'] + label[for] { - display: inline-block; - position: absolute; - width: 1.2em; - height: 1.2em; - background: url("/src/static/container/checkbox@999999.svg") center center no-repeat; - background-size: 100% auto; - transition: box-shadow .2s ease-in-out; - cursor: pointer; -} -article.check-table > div > span input[type='checkbox']:checked + label[for] { - background-image: url("/src/static/container/checkbox@checked@007dd8.svg"); -} - -/*# sourceMappingURL=container.css.map */ diff --git a/public_html/css/expanded/global.css b/public_html/css/expanded/global.css deleted file mode 100755 index c9e58d9..0000000 --- a/public_html/css/expanded/global.css +++ /dev/null @@ -1,2 +0,0 @@ - -/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZ2xvYmFsLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vZ2xvYmFsLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSIiCgldLAoJIm1hcHBpbmdzIjogIiIsCgkibmFtZXMiOiBbXQp9 */ \ No newline at end of file diff --git a/public_html/css/expanded/header.css b/public_html/css/expanded/header.css deleted file mode 100755 index 9bcdbe8..0000000 --- a/public_html/css/expanded/header.css +++ /dev/null @@ -1,31 +0,0 @@ -/* COULEUR DU THEME */ -/* COULEUR DU SOUS-MENU */ -/* COULEUR DES ERREURS */ -/* FORMULAIRES */ -/* GESTION DES LONGUEURS */ -#WRAPPER > #HEADER { - /* Animation de chargement qudnd chargement ajax */ -} - -#WRAPPER > #HEADER > .icon { - display: block; - position: absolute; - top: 0; - left: 0; - width: 4em; - height: 4em; - background-color: #c23f05; - background-image: url("/src/static/iconv2.svg"); - background-position: center center; - background-repeat: no-repeat; - background-size: 50% 50%; - cursor: pointer; - transition: all .3s; -} - -#WRAPPER > #HEADER.loading > .icon { - background-image: url("/src/static/loaderv2.svg"); - background-size: 70% 70%; -} - -/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiaGVhZGVyLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vaGVhZGVyLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cblxuI1dSQVBQRVIgPiAjSEVBREVSe1xuXHQvLyBJY29uZSBkdSBzaXRlXG5cdCYgPiAuaWNvbntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6IDA7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0d2lkdGg6ICRtZW51LXNpZGUtd2lkdGg7XG5cdFx0XHRoZWlnaHQ6ICRtZW51LXNpZGUtd2lkdGg7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZW4oJHRoZW1lLWNvbG9yLCAxMCk7XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcvc3JjL3N0YXRpYy9pY29udjIuc3ZnJyk7XG5cdFx0YmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogNTAlIDUwJTtcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdHRyYW5zaXRpb246IGFsbCAuM3M7XG5cblx0fVxuXG5cdC8qIEFuaW1hdGlvbiBkZSBjaGFyZ2VtZW50IHF1ZG5kIGNoYXJnZW1lbnQgYWpheCAqL1xuXHQmLmxvYWRpbmcgPiAuaWNvbntcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy9zcmMvc3RhdGljL2xvYWRlcnYyLnN2ZycpO1xuXHRcdGJhY2tncm91bmQtc2l6ZTogNzAlIDcwJTtcblx0fVxuXG59XG4iLAoJCSIvKiBDT1VMRVVSIERVIFRIRU1FICovXG4kdGhlbWUtY29sb3I6ICNmNDRmMDY7XG5cbi8qIENPVUxFVVIgRFUgU09VUy1NRU5VICovXG4kc3ViLW1lbnUtY29sb3I6ICM1YjVlNjM7XG5cbi8qIENPVUxFVVIgREVTIEVSUkVVUlMgKi9cbiRlcnJvci1jb2xvcjogI2NjNTg1NztcblxuLyogRk9STVVMQUlSRVMgKi9cbiRmb3JtLXZhbGlkLWNvbG9yOiAgICMyN2E1NjA7XG4kZm9ybS1uZXV0cmFsLWNvbG9yOiAjMjE5M2U2O1xuJGZvcm0tc2VhcmNoLWNvbG9yOiAgIzU2MzBlZDtcbiRmb3JtLWludmFsaWQtY29sb3I6ICNkNTI5MTg7XG5cblxuLyogR0VTVElPTiBERVMgTE9OR1VFVVJTICovXG4kbWVudS1zaWRlLXdpZHRoOiA0ZW07XG5cblxuLy8gUE9VUiBSRVNPVVJDRV9ESVNQQVRDSEVSXG4kcmQtZm9ybS12YWxpZC1jb2xvcjogICAnMjdhNTYwJztcbiRyZC1mb3JtLW5ldXRyYWwtY29sb3I6ICcyMTkzZTYnO1xuJHJkLWZvcm0tc2VhcmNoLWNvbG9yOiAgJzU2MzBlZCc7XG4kcmQtZm9ybS1pbnZhbGlkLWNvbG9yOiAnZDUyOTE4JztcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUNBQSxzQkFBc0I7QUFHdEIsMEJBQTBCO0FBRzFCLHlCQUF5QjtBQUd6QixpQkFBaUI7QUFPakIsMkJBQTJCO0FEYjNCLEFBQVcsUUFBSCxHQUFHLE9BQU8sQ0FBQTtFQXNCakIsbURBQW1EO0NBTW5EOztBQTVCRCxBQUVLLFFBRkcsR0FBRyxPQUFPLEdBRWIsS0FBSyxDQUFBO0VBQ1IsT0FBTyxFQUFFLEtBQU07RUFDZixRQUFRLEVBQUUsUUFBUztFQUNsQixHQUFHLEVBQUUsQ0FBRTtFQUNQLElBQUksRUFBRSxDQUFFO0VBQ1IsS0FBSyxFQ09VLEdBQUc7RURObEIsTUFBTSxFQ01TLEdBQUc7RURKbkIsZ0JBQWdCLEVBQUUsT0FBTTtFQUN4QixnQkFBZ0IsRUFBRSw2QkFBRztFQUNyQixtQkFBbUIsRUFBRSxhQUFjO0VBQ25DLGlCQUFpQixFQUFFLFNBQVU7RUFDN0IsZUFBZSxFQUFFLE9BQVE7RUFFekIsTUFBTSxFQUFFLE9BQVE7RUFFaEIsVUFBVSxFQUFFLE9BQVE7Q0FFcEI7O0FBcEJGLEFBdUJhLFFBdkJMLEdBQUcsT0FBTyxBQXVCaEIsUUFBUSxHQUFHLEtBQUssQ0FBQTtFQUNoQixnQkFBZ0IsRUFBRSwrQkFBRztFQUNyQixlQUFlLEVBQUUsT0FBUTtDQUN6QiIsCgkibmFtZXMiOiBbXQp9 */ \ No newline at end of file diff --git a/public_html/css/expanded/layout.css b/public_html/css/expanded/layout.css deleted file mode 100755 index c1e5ff5..0000000 --- a/public_html/css/expanded/layout.css +++ /dev/null @@ -1,62 +0,0 @@ -/* COULEUR DU THEME */ -/* COULEUR DU SOUS-MENU */ -/* COULEUR DES ERREURS */ -/* FORMULAIRES */ -/* GESTION DES LONGUEURS */ -#WRAPPER { - display: block; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #edf0f5; - font-family: 'Open Sans', 'Ubuntu'; - /* [1] Header de la page - ==========================================*/ - /* [2] Side-Menu de la page - ==========================================*/ - /* [3] Container de la page - ==========================================*/ -} - -#WRAPPER > #HEADER { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: calc( 4em - 1px); - border-bottom: 1px solid #c23f05; - background-color: #f44f06; - z-index: 10; -} - -#WRAPPER > #MENU-SIDE { - display: block; - position: absolute; - top: 4em; - left: 0; - width: 4em; - height: 100%; - box-shadow: 2px 1px 3px #ddd; - background-color: #fff; - transition: all .3s; - z-index: 9; -} - -#WRAPPER > #CONTAINER { - display: flex; - position: absolute; - top: 4em; - left: 4em; - width: calc( 100% - 4em - 2*1em); - height: calc( 100% - 4em - 2*1em); - padding: 1em; - flex-direction: row; - justify-content: space-between; - overflow-x: none; - overflow-y: auto; -} - -/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibGF5b3V0LmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbGF5b3V0LnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSe1xuXHRkaXNwbGF5OiBibG9jaztcblx0cG9zaXRpb246IGZpeGVkO1xuXHRcdHRvcDogMDtcblx0XHRsZWZ0OiAwO1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdGhlaWdodDogMTAwJTtcblxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZWRmMGY1O1xuXG5cdGZvbnQtZmFtaWx5OiAnT3BlbiBTYW5zJywgJ1VidW50dSc7XG5cblxuXHQvKiBbMV0gSGVhZGVyIGRlIGxhIHBhZ2Vcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA+ICNIRUFERVJ7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0dG9wOiAwO1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMXB4ICk7XG5cblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgZGFya2VuKCR0aGVtZS1jb2xvciwgMTApO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHRoZW1lLWNvbG9yO1xuXG5cdFx0ei1pbmRleDogMTA7XG5cblx0fVxuXG5cblx0LyogWzJdIFNpZGUtTWVudSBkZSBsYSBwYWdlXG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdC8vIEdlc3Rpb24gZHUgbWVudVxuXHQmID4gI01FTlUtU0lERXtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6ICRtZW51LXNpZGUtd2lkdGg7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0d2lkdGg6ICRtZW51LXNpZGUtd2lkdGg7XG5cdFx0XHRoZWlnaHQ6IDEwMCU7XG5cblx0XHRib3gtc2hhZG93OiAycHggMXB4IDNweCAjZGRkO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRcdHRyYW5zaXRpb246IGFsbCAuM3M7XG5cblx0XHR6LWluZGV4OiA5O1xuXHR9XG5cblxuXHQvKiBbM10gQ29udGFpbmVyIGRlIGxhIHBhZ2Vcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA+ICNDT05UQUlORVJ7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6ICRtZW51LXNpZGUtd2lkdGg7XG5cdFx0XHRsZWZ0OiAkbWVudS1zaWRlLXdpZHRoO1xuXHRcdFx0d2lkdGg6IGNhbGMoIDEwMCUgLSAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMioxZW0gKTtcblx0XHRcdGhlaWdodDogY2FsYyggMTAwJSAtICN7JG1lbnUtc2lkZS13aWR0aH0gLSAyKjFlbSApO1xuXHRcdHBhZGRpbmc6IDFlbTtcblxuXHRcdC8vIEZsZXggcHJvcGVydGllc1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG5cdFx0b3ZlcmZsb3cteDogbm9uZTtcblx0XHRvdmVyZmxvdy15OiBhdXRvO1xuXHR9XG59XG4iLAoJCSIvKiBDT1VMRVVSIERVIFRIRU1FICovXG4kdGhlbWUtY29sb3I6ICNmNDRmMDY7XG5cbi8qIENPVUxFVVIgRFUgU09VUy1NRU5VICovXG4kc3ViLW1lbnUtY29sb3I6ICM1YjVlNjM7XG5cbi8qIENPVUxFVVIgREVTIEVSUkVVUlMgKi9cbiRlcnJvci1jb2xvcjogI2NjNTg1NztcblxuLyogRk9STVVMQUlSRVMgKi9cbiRmb3JtLXZhbGlkLWNvbG9yOiAgICMyN2E1NjA7XG4kZm9ybS1uZXV0cmFsLWNvbG9yOiAjMjE5M2U2O1xuJGZvcm0tc2VhcmNoLWNvbG9yOiAgIzU2MzBlZDtcbiRmb3JtLWludmFsaWQtY29sb3I6ICNkNTI5MTg7XG5cblxuLyogR0VTVElPTiBERVMgTE9OR1VFVVJTICovXG4kbWVudS1zaWRlLXdpZHRoOiA0ZW07XG5cblxuLy8gUE9VUiBSRVNPVVJDRV9ESVNQQVRDSEVSXG4kcmQtZm9ybS12YWxpZC1jb2xvcjogICAnMjdhNTYwJztcbiRyZC1mb3JtLW5ldXRyYWwtY29sb3I6ICcyMTkzZTYnO1xuJHJkLWZvcm0tc2VhcmNoLWNvbG9yOiAgJzU2MzBlZCc7XG4kcmQtZm9ybS1pbnZhbGlkLWNvbG9yOiAnZDUyOTE4JztcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUNBQSxzQkFBc0I7QUFHdEIsMEJBQTBCO0FBRzFCLHlCQUF5QjtBQUd6QixpQkFBaUI7QUFPakIsMkJBQTJCO0FEZDNCLEFBQUEsUUFBUSxDQUFBO0VBQ1AsT0FBTyxFQUFFLEtBQU07RUFDZixRQUFRLEVBQUUsS0FBTTtFQUNmLEdBQUcsRUFBRSxDQUFFO0VBQ1AsSUFBSSxFQUFFLENBQUU7RUFDUixLQUFLLEVBQUUsSUFBSztFQUNaLE1BQU0sRUFBRSxJQUFLO0VBRWQsZ0JBQWdCLEVBQUUsT0FBUTtFQUUxQixXQUFXLEVBQUUscUJBQXNCO0VBR25DOzZDQUM0QztFQWtCNUM7NkNBQzRDO0VBb0I1Qzs2Q0FDNEM7Q0FpQjVDOztBQXZFRCxBQWVLLFFBZkcsR0FlSCxPQUFPLENBQUE7RUFDVixPQUFPLEVBQUUsS0FBTTtFQUNmLFFBQVEsRUFBRSxRQUFTO0VBQ2xCLEdBQUcsRUFBRSxDQUFFO0VBQ1AsSUFBSSxFQUFFLENBQUU7RUFDUixLQUFLLEVBQUUsSUFBSztFQUNaLE1BQU0sRUFBRSxnQkFBSTtFQUViLGFBQWEsRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU07RUFFL0IsZ0JBQWdCLEVDMUJKLE9BQU87RUQ0Qm5CLE9BQU8sRUFBRSxFQUFHO0NBRVo7O0FBN0JGLEFBbUNLLFFBbkNHLEdBbUNILFVBQVUsQ0FBQTtFQUNiLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbEIsR0FBRyxFQ3ZCWSxHQUFHO0VEd0JsQixJQUFJLEVBQUUsQ0FBRTtFQUNSLEtBQUssRUN6QlUsR0FBRztFRDBCbEIsTUFBTSxFQUFFLElBQUs7RUFFZCxVQUFVLEVBQUUsZ0JBQWlCO0VBRTdCLGdCQUFnQixFQUFFLElBQUs7RUFFdkIsVUFBVSxFQUFFLE9BQVE7RUFFcEIsT0FBTyxFQUFFLENBQUU7Q0FDWDs7QUFsREYsQUF1REssUUF2REcsR0F1REgsVUFBVSxDQUFBO0VBQ2IsT0FBTyxFQUFFLElBQUs7RUFDZCxRQUFRLEVBQUUsUUFBUztFQUNsQixHQUFHLEVDM0NZLEdBQUc7RUQ0Q2xCLElBQUksRUM1Q1csR0FBRztFRDZDbEIsS0FBSyxFQUFFLHlCQUFJO0VBQ1gsTUFBTSxFQUFFLHlCQUFJO0VBQ2IsT0FBTyxFQUFFLEdBQUk7RUFHYixjQUFjLEVBQUUsR0FBSTtFQUNwQixlQUFlLEVBQUUsYUFBYztFQUUvQixVQUFVLEVBQUUsSUFBSztFQUNqQixVQUFVLEVBQUUsSUFBSztDQUNqQiIsCgkibmFtZXMiOiBbXQp9 */ \ No newline at end of file diff --git a/public_html/css/expanded/menu-side.css b/public_html/css/expanded/menu-side.css deleted file mode 100755 index d249149..0000000 --- a/public_html/css/expanded/menu-side.css +++ /dev/null @@ -1,79 +0,0 @@ -/* COULEUR DU THEME */ -/* COULEUR DU SOUS-MENU */ -/* COULEUR DES ERREURS */ -/* FORMULAIRES */ -/* GESTION DES LONGUEURS */ -#WRAPPER > #MENU-SIDE > span[data-link] { - display: block; - position: relative; - width: calc( 4em - 2*.7em - 2*.55em - 2*.01em); - height: calc( 4em - 2*.7em - 2*.55em - 2*.01em); - margin: 2em .7em; - padding: .55em; - border: .01em solid transparent; - border-radius: 2px; - color: #a2a2a2; - line-height: calc( 4em - 2*.7em - 2*.55em - 2*.01em); - transition: color .3s, border .3s; - cursor: pointer; -} - -#WRAPPER > #MENU-SIDE > span[data-link].mt { - margin-top: 3em; -} - -#WRAPPER > #MENU-SIDE > span[data-link].mb { - margin-bottom: 3em; -} - -#WRAPPER > #MENU-SIDE > span[data-link] svg, #WRAPPER > #MENU-SIDE > span[data-link] svg * { - width: calc( 4em / 2.5); - height: calc( 4em / 2.5); - transition: fill .3s, stroke .3s; - pointer-events: none; -} - -#WRAPPER > #MENU-SIDE > span[data-link] svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stylisable { - fill: #a2a2a2 !important; -} - -#WRAPPER > #MENU-SIDE > span[data-link] svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stroke-stylisable { - stroke: #a2a2a2 !important; -} - -#WRAPPER > #MENU-SIDE > span[data-link][data-desc]:after { - content: attr(data-desc); - display: block; - position: absolute; - top: calc( 4em / 4 - 2*.3em); - left: calc( 4em * 1.15 - 2*.3em); - padding: .3em; - border-radius: 3px; - background-color: #2a2a2a; - color: #e2e2e2; - white-space: nowrap; - transition: transform .1s; - transform-origin: 0 0; - transform: scaleX(0); -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover, #WRAPPER > #MENU-SIDE > span[data-link].active { - color: #f44f06; - border-color: #e6e6e6; - box-shadow: inset 0 0 .5em #eee; -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover:hover:after, #WRAPPER > #MENU-SIDE > span[data-link].active:hover:after { - transform: scaleX(1); - color: #fff; -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stylisable { - fill: #000 !important; -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stroke-stylisable { - stroke: #000 !important; -} - -/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWVudS1zaWRlLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSID4gI01FTlUtU0lERXtcblxuXHQmID4gc3BhbltkYXRhLWxpbmtde1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblx0XHRcdGhlaWdodDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAtIDIqLjdlbSAtIDIqLjU1ZW0gLSAyKi4wMWVtICk7XG5cblx0XHQvLyBwYWRkaW5nOiAxZW07XG5cdFx0bWFyZ2luOiAyZW0gLjdlbTtcblx0XHRwYWRkaW5nOiAuNTVlbTtcblxuXHRcdGJvcmRlcjogLjAxZW0gc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXG5cblx0XHQvLyBEZWNhbGFnZSBkZXMgZWxlbWVudHMgZHUgbWVudVxuXHRcdCYubXR7IC8vIE1hcmdpbiBUb3Bcblx0XHRcdG1hcmdpbi10b3A6IDNlbTtcblx0XHR9XG5cdFx0Ji5tYnsgLy8gTWFyZ2luIEJvdHRvbVxuXHRcdFx0bWFyZ2luLWJvdHRvbTogM2VtO1xuXHRcdH1cblxuXHRcdGNvbG9yOiAjYTJhMmEyO1xuXHRcdGxpbmUtaGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblxuXHRcdHRyYW5zaXRpb246IGNvbG9yIC4zcywgYm9yZGVyIC4zcztcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdHN2Zywgc3ZnICp7XG5cdFx0XHR3aWR0aDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAvIDIuNSApO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gMi41ICk7XG5cblx0XHRcdC8vIHN0cm9rZTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0Ly8gZmlsbDogIzc3NyAhaW1wb3J0YW50O1xuXG5cdFx0XHR0cmFuc2l0aW9uOiBmaWxsIC4zcywgc3Ryb2tlIC4zcztcblxuXHRcdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cblxuXG5cdFx0XHQmICNzdHlsaXNhYmxleyAvLyBwb3VyIGxlcyBlbGVtZW50cyBzYXVmIGxlIHByb2ZpbFxuXHRcdFx0XHRmaWxsOiAjYTJhMmEyICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cblx0XHRcdCYgI3N0cm9rZS1zdHlsaXNhYmxleyAvLyBwb3VyIGxlIHByb2ZpbFxuXHRcdFx0XHRzdHJva2U6ICNhMmEyYTIgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblxuXHRcdCZbZGF0YS1kZXNjXTphZnRlcntcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1kZXNjKTtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLyA0IC0gMiouM2VtICk7XG5cdFx0XHRcdGxlZnQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gKiAxLjE1IC0gMiouM2VtICk7XG5cdFx0XHRwYWRkaW5nOiAuM2VtO1xuXG5cdFx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICMyYTJhMmE7XG5cblx0XHRcdGNvbG9yOiAjZTJlMmUyO1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuXHRcdFx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4xcztcblxuXHRcdFx0dHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuXHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMCk7XG5cblx0XHR9XG5cblxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogJHRoZW1lLWNvbG9yO1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZTZlNmU2O1xuXHRcdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIC41ZW0gI2VlZTtcblxuXHRcdFx0Jjpob3ZlcjphZnRlcntcblx0XHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMSk7XG5cdFx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0fVxuXG5cdFx0XHRzdmcgI3N0eWxpc2FibGV7IC8vIHBvdXIgbGVzIGVsZW1lbnRzIHNhdWYgbGUgcHJvZmlsXG5cdFx0XHRcdGZpbGw6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblxuXHRcdFx0c3ZnICNzdHJva2Utc3R5bGlzYWJsZXsgLy8gcG91ciBsZSBwcm9maWxcblx0XHRcdFx0c3Ryb2tlOiAjMDAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdH1cblxuXG59XG4iLAoJCSIvKiBDT1VMRVVSIERVIFRIRU1FICovXG4kdGhlbWUtY29sb3I6ICNmNDRmMDY7XG5cbi8qIENPVUxFVVIgRFUgU09VUy1NRU5VICovXG4kc3ViLW1lbnUtY29sb3I6ICM1YjVlNjM7XG5cbi8qIENPVUxFVVIgREVTIEVSUkVVUlMgKi9cbiRlcnJvci1jb2xvcjogI2NjNTg1NztcblxuLyogRk9STVVMQUlSRVMgKi9cbiRmb3JtLXZhbGlkLWNvbG9yOiAgICMyN2E1NjA7XG4kZm9ybS1uZXV0cmFsLWNvbG9yOiAjMjE5M2U2O1xuJGZvcm0tc2VhcmNoLWNvbG9yOiAgIzU2MzBlZDtcbiRmb3JtLWludmFsaWQtY29sb3I6ICNkNTI5MTg7XG5cblxuLyogR0VTVElPTiBERVMgTE9OR1VFVVJTICovXG4kbWVudS1zaWRlLXdpZHRoOiA0ZW07XG5cblxuLy8gUE9VUiBSRVNPVVJDRV9ESVNQQVRDSEVSXG4kcmQtZm9ybS12YWxpZC1jb2xvcjogICAnMjdhNTYwJztcbiRyZC1mb3JtLW5ldXRyYWwtY29sb3I6ICcyMTkzZTYnO1xuJHJkLWZvcm0tc2VhcmNoLWNvbG9yOiAgJzU2MzBlZCc7XG4kcmQtZm9ybS1pbnZhbGlkLWNvbG9yOiAnZDUyOTE4JztcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUNBQSxzQkFBc0I7QUFHdEIsMEJBQTBCO0FBRzFCLHlCQUF5QjtBQUd6QixpQkFBaUI7QUFPakIsMkJBQTJCO0FEZDNCLEFBRW1CLFFBRlgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQUFVO0VBQ2xCLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbEIsS0FBSyxFQUFFLHVDQUFJO0VBQ1gsTUFBTSxFQUFFLHVDQUFJO0VBR2IsTUFBTSxFQUFFLFFBQVM7RUFDakIsT0FBTyxFQUFFLEtBQU07RUFFZixNQUFNLEVBQUUsdUJBQXdCO0VBQ2hDLGFBQWEsRUFBRSxHQUFJO0VBV25CLEtBQUssRUFBRSxPQUFRO0VBQ2YsV0FBVyxFQUFFLHVDQUFJO0VBRWpCLFVBQVUsRUFBRSxxQkFBc0I7RUFFbEMsTUFBTSxFQUFFLE9BQVE7Q0FvRWhCOztBQWpHRixBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FlUCxHQUFHLENBQUE7RUFDSCxVQUFVLEVBQUUsR0FBSTtDQUNoQjs7QUFuQkgsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBa0JQLEdBQUcsQ0FBQTtFQUNILGFBQWEsRUFBRSxHQUFJO0NBQ25COztBQXRCSCxBQStCRSxRQS9CTSxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLEVBNkJSLEdBQUcsRUEvQkwsQUErQlcsUUEvQkgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQTZCSCxHQUFHLENBQUMsQ0FBQyxDQUFBO0VBQ1QsS0FBSyxFQUFFLGdCQUFJO0VBQ1gsTUFBTSxFQUFFLGdCQUFJO0VBS1osVUFBVSxFQUFFLG9CQUFxQjtFQUVqQyxjQUFjLEVBQUUsSUFBSztDQVdyQjs7QUFuREgsQUE0Q0ssUUE1Q0csR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQTZCUixHQUFHLENBYUEsV0FBVyxFQTVDaEIsQUE0Q0ssUUE1Q0csR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQTZCSCxHQUFHLENBQUMsQ0FBQyxDQWFQLFdBQVcsQ0FBQTtFQUNaLElBQUksRUFBRSxrQkFBbUI7Q0FDekI7O0FBOUNKLEFBZ0RLLFFBaERHLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsRUE2QlIsR0FBRyxDQWlCQSxrQkFBa0IsRUFoRHZCLEFBZ0RLLFFBaERHLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsRUE2QkgsR0FBRyxDQUFDLENBQUMsQ0FpQlAsa0JBQWtCLENBQUE7RUFDbkIsTUFBTSxFQUFFLGtCQUFtQjtDQUMzQjs7QUFsREosQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLEVBb0RQLEFBQUEsU0FBQyxBQUFBLENBQVUsTUFBTSxDQUFBO0VBQ2pCLE9BQU8sRUFBRSxlQUFJO0VBQ2IsT0FBTyxFQUFFLEtBQU07RUFDZixRQUFRLEVBQUUsUUFBUztFQUNsQixHQUFHLEVBQUUsdUJBQUk7RUFDVCxJQUFJLEVBQUUsMEJBQUk7RUFDWCxPQUFPLEVBQUUsSUFBSztFQUVkLGFBQWEsRUFBRSxHQUFJO0VBRW5CLGdCQUFnQixFQUFFLE9BQVE7RUFFMUIsS0FBSyxFQUFFLE9BQVE7RUFDZixXQUFXLEVBQUUsTUFBTztFQUVwQixVQUFVLEVBQUUsYUFBYztFQUUxQixnQkFBZ0IsRUFBRSxHQUFJO0VBQ3RCLFNBQVMsRUFBRSxTQUFNO0NBRWpCOztBQTFFSCxBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0EyRVAsTUFBTSxFQTdFVCxBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0E0RVAsT0FBTyxDQUFBO0VBQ1AsS0FBSyxFQ2hGTSxPQUFPO0VEaUZsQixZQUFZLEVBQUUsT0FBUTtFQUN0QixVQUFVLEVBQUUsbUJBQW9CO0NBY2hDOztBQS9GSCxBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0EyRVAsTUFBTSxBQU1MLE1BQU0sQUFBQSxNQUFNLEVBbkZoQixBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0E0RVAsT0FBTyxBQUtOLE1BQU0sQUFBQSxNQUFNLENBQUE7RUFDWixTQUFTLEVBQUUsU0FBTTtFQUNqQixLQUFLLEVBQUUsSUFBSztDQUNaOztBQXRGSixBQXdGTyxRQXhGQyxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBMkVQLE1BQU0sQ0FXTixHQUFHLENBQUMsV0FBVyxFQXhGbEIsQUF3Rk8sUUF4RkMsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxDQTRFUCxPQUFPLENBVVAsR0FBRyxDQUFDLFdBQVcsQ0FBQTtFQUNkLElBQUksRUFBRSxlQUFnQjtDQUN0Qjs7QUExRkosQUE0Rk8sUUE1RkMsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxDQTJFUCxNQUFNLENBZU4sR0FBRyxDQUFDLGtCQUFrQixFQTVGekIsQUE0Rk8sUUE1RkMsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxDQTRFUCxPQUFPLENBY1AsR0FBRyxDQUFDLGtCQUFrQixDQUFBO0VBQ3JCLE1BQU0sRUFBRSxlQUFnQjtDQUN4QiIsCgkibmFtZXMiOiBbXQp9 */ \ No newline at end of file diff --git a/public_html/css/expanded/reset.css b/public_html/css/expanded/reset.css deleted file mode 100755 index 06563b6..0000000 --- a/public_html/css/expanded/reset.css +++ /dev/null @@ -1,412 +0,0 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} - -/** - * Remove default margin. - */ -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. - */ -a { - background-color: transparent; -} - -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ -/** - * Address inconsistent styling of `abbr[title]`. - * 1. Correct styling in Firefox 39 and Opera 12. - * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - text-decoration: underline dotted; - /* 2 */ -} - -/** - * Address inconsistent styling of b and strong. - * 1. Correct duplicate application of `bolder` in Safari 6.0.2. - * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+. - */ -b, -strong { - font-weight: inherit; - /* 1 */ -} - -b, -strong { - font-weight: bolder; - /* 2 */ -} - -/** - * Address styling not present in Safari and Chrome. - */ -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ -mark { - background-color: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. - */ -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari. - */ -figure { - margin: 1em 40px; -} - -/** - * Address inconsistent styling of `hr`. - * 1. Correct `box-sizing` set to `border-box` in Firefox. - * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ -} - -/** - * Contain overflow in all browsers. - */ -pre { - overflow: auto; -} - -/** - * 1. Correct inheritance and scaling of font-size for preformatted text. - * 2. Address odd `em`-unit font size rendering in all browsers. - */ -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* Forms - ========================================================================== */ -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ -/** - * 1. Correct font properties not being inherited. - * 2. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * Address `appearance` set to `searchfield` in Safari and Chrome. - */ -input[type="search"] { - -webkit-appearance: textfield; -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAicmVzZXQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9yZXNldC5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiLyohIG5vcm1hbGl6ZS5jc3MgdjMuMC4zIHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL25lY29sYXMvbm9ybWFsaXplLmNzcyAqL1xuXG4vKipcbiAqIDEuIFNldCBkZWZhdWx0IGZvbnQgZmFtaWx5IHRvIHNhbnMtc2VyaWYuXG4gKiAyLiBQcmV2ZW50IGlPUyBhbmQgSUUgdGV4dCBzaXplIGFkanVzdCBhZnRlciBkZXZpY2Ugb3JpZW50YXRpb24gY2hhbmdlLFxuICogICAgd2l0aG91dCBkaXNhYmxpbmcgdXNlciB6b29tLlxuICovXG5cbmh0bWwge1xuICBmb250LWZhbWlseTogc2Fucy1zZXJpZjsgLyogMSAqL1xuICAtbXMtdGV4dC1zaXplLWFkanVzdDogMTAwJTsgLyogMiAqL1xuICAtd2Via2l0LXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7IC8qIDIgKi9cbn1cblxuLyoqXG4gKiBSZW1vdmUgZGVmYXVsdCBtYXJnaW4uXG4gKi9cblxuYm9keSB7XG4gIG1hcmdpbjogMDtcbiAgLy8gZm9udC1zaXplOiAxMnB4O1xufVxuXG4vKiBIVE1MNSBkaXNwbGF5IGRlZmluaXRpb25zXG4gICA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4vKipcbiAqIENvcnJlY3QgYGJsb2NrYCBkaXNwbGF5IG5vdCBkZWZpbmVkIGZvciBhbnkgSFRNTDUgZWxlbWVudCBpbiBJRSA4LzkuXG4gKiBDb3JyZWN0IGBibG9ja2AgZGlzcGxheSBub3QgZGVmaW5lZCBmb3IgYGRldGFpbHNgIG9yIGBzdW1tYXJ5YCBpbiBJRSAxMC8xMVxuICogYW5kIEZpcmVmb3guXG4gKiBDb3JyZWN0IGBibG9ja2AgZGlzcGxheSBub3QgZGVmaW5lZCBmb3IgYG1haW5gIGluIElFIDExLlxuICovXG5cbmFydGljbGUsXG5hc2lkZSxcbmRldGFpbHMsXG5maWdjYXB0aW9uLFxuZmlndXJlLFxuZm9vdGVyLFxuaGVhZGVyLFxubWFpbixcbm1lbnUsXG5uYXYsXG5zZWN0aW9uLFxuc3VtbWFyeSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4vKipcbiAqIDEuIENvcnJlY3QgYGlubGluZS1ibG9ja2AgZGlzcGxheSBub3QgZGVmaW5lZCBpbiBJRSA4LzkuXG4gKiAyLiBOb3JtYWxpemUgdmVydGljYWwgYWxpZ25tZW50IG9mIGBwcm9ncmVzc2AgaW4gQ2hyb21lLCBGaXJlZm94LCBhbmQgT3BlcmEuXG4gKi9cblxuYXVkaW8sXG5jYW52YXMsXG5wcm9ncmVzcyxcbnZpZGVvIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrOyAvKiAxICovXG4gIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTsgLyogMiAqL1xufVxuXG4vKipcbiAqIFByZXZlbnQgbW9kZXJuIGJyb3dzZXJzIGZyb20gZGlzcGxheWluZyBgYXVkaW9gIHdpdGhvdXQgY29udHJvbHMuXG4gKiBSZW1vdmUgZXhjZXNzIGhlaWdodCBpbiBpT1MgNSBkZXZpY2VzLlxuICovXG5cbmF1ZGlvOm5vdChbY29udHJvbHNdKSB7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIGhlaWdodDogMDtcbn1cblxuLyoqXG4gKiBBZGRyZXNzIGBbaGlkZGVuXWAgc3R5bGluZyBub3QgcHJlc2VudCBpbiBJRSA4LzkvMTAuXG4gKiBIaWRlIHRoZSBgdGVtcGxhdGVgIGVsZW1lbnQgaW4gSUUgOC85LzEwLzExLCBTYWZhcmksIGFuZCBGaXJlZm94IDwgMjIuXG4gKi9cblxuW2hpZGRlbl0sXG50ZW1wbGF0ZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi8qIExpbmtzXG4gICA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4vKipcbiAqIFJlbW92ZSB0aGUgZ3JheSBiYWNrZ3JvdW5kIGNvbG9yIGZyb20gYWN0aXZlIGxpbmtzIGluIElFIDEwLlxuICovXG5cbmEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuLyoqXG4gKiBJbXByb3ZlIHJlYWRhYmlsaXR5IG9mIGZvY3VzZWQgZWxlbWVudHMgd2hlbiB0aGV5IGFyZSBhbHNvIGluIGFuXG4gKiBhY3RpdmUvaG92ZXIgc3RhdGUuXG4gKi9cblxuYTphY3RpdmUsXG5hOmhvdmVyIHtcbiAgb3V0bGluZTogMDtcbn1cblxuLyogVGV4dC1sZXZlbCBzZW1hbnRpY3NcbiAgID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovXG5cbi8qKlxuICogQWRkcmVzcyBpbmNvbnNpc3RlbnQgc3R5bGluZyBvZiBgYWJiclt0aXRsZV1gLlxuICogMS4gQ29ycmVjdCBzdHlsaW5nIGluIEZpcmVmb3ggMzkgYW5kIE9wZXJhIDEyLlxuICogMi4gQ29ycmVjdCBtaXNzaW5nIHN0eWxpbmcgaW4gQ2hyb21lLCBFZGdlLCBJRSwgT3BlcmEsIGFuZCBTYWZhcmkuXG4gKi9cblxuYWJiclt0aXRsZV0ge1xuICBib3JkZXItYm90dG9tOiBub25lOyAvKiAxICovXG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOyAvKiAyICovXG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lIGRvdHRlZDsgLyogMiAqL1xufVxuXG4vKipcbiAqIEFkZHJlc3MgaW5jb25zaXN0ZW50IHN0eWxpbmcgb2YgYiBhbmQgc3Ryb25nLlxuICogMS4gQ29ycmVjdCBkdXBsaWNhdGUgYXBwbGljYXRpb24gb2YgYGJvbGRlcmAgaW4gU2FmYXJpIDYuMC4yLlxuICogMi4gQ29ycmVjdCBzdHlsZSBzZXQgdG8gYGJvbGRgIGluIEVkZ2UgMTIrLCBTYWZhcmkgNi4yKywgYW5kIENocm9tZSAxOCsuXG4gKi9cblxuYixcbnN0cm9uZyB7XG4gIGZvbnQtd2VpZ2h0OiBpbmhlcml0OyAvKiAxICovXG59XG5cbmIsXG5zdHJvbmcge1xuICBmb250LXdlaWdodDogYm9sZGVyOyAvKiAyICovXG59XG5cbi8qKlxuICogQWRkcmVzcyBzdHlsaW5nIG5vdCBwcmVzZW50IGluIFNhZmFyaSBhbmQgQ2hyb21lLlxuICovXG5cbmRmbiB7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuLyoqXG4gKiBBZGRyZXNzIHZhcmlhYmxlIGBoMWAgZm9udC1zaXplIGFuZCBtYXJnaW4gd2l0aGluIGBzZWN0aW9uYCBhbmQgYGFydGljbGVgXG4gKiBjb250ZXh0cyBpbiBGaXJlZm94IDQrLCBTYWZhcmksIGFuZCBDaHJvbWUuXG4gKi9cblxuaDEge1xuICBmb250LXNpemU6IDJlbTtcbiAgbWFyZ2luOiAwLjY3ZW0gMDtcbn1cblxuLyoqXG4gKiBBZGRyZXNzIHN0eWxpbmcgbm90IHByZXNlbnQgaW4gSUUgOC85LlxuICovXG5cbm1hcmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYwO1xuICBjb2xvcjogIzAwMDtcbn1cblxuLyoqXG4gKiBBZGRyZXNzIGluY29uc2lzdGVudCBhbmQgdmFyaWFibGUgZm9udCBzaXplIGluIGFsbCBicm93c2Vycy5cbiAqL1xuXG5zbWFsbCB7XG4gIGZvbnQtc2l6ZTogODAlO1xufVxuXG4vKipcbiAqIFByZXZlbnQgYHN1YmAgYW5kIGBzdXBgIGFmZmVjdGluZyBgbGluZS1oZWlnaHRgIGluIGFsbCBicm93c2Vycy5cbiAqL1xuXG5zdWIsXG5zdXAge1xuICBmb250LXNpemU6IDc1JTtcbiAgbGluZS1oZWlnaHQ6IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xufVxuXG5zdXAge1xuICB0b3A6IC0wLjVlbTtcbn1cblxuc3ViIHtcbiAgYm90dG9tOiAtMC4yNWVtO1xufVxuXG4vKiBFbWJlZGRlZCBjb250ZW50XG4gICA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4vKipcbiAqIFJlbW92ZSBib3JkZXIgd2hlbiBpbnNpZGUgYGFgIGVsZW1lbnQgaW4gSUUgOC85LzEwLlxuICovXG5cbmltZyB7XG4gIGJvcmRlcjogMDtcbn1cblxuLyoqXG4gKiBDb3JyZWN0IG92ZXJmbG93IG5vdCBoaWRkZW4gaW4gSUUgOS8xMC8xMS5cbiAqL1xuXG5zdmc6bm90KDpyb290KSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi8qIEdyb3VwaW5nIGNvbnRlbnRcbiAgID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovXG5cbi8qKlxuICogQWRkcmVzcyBtYXJnaW4gbm90IHByZXNlbnQgaW4gSUUgOC85IGFuZCBTYWZhcmkuXG4gKi9cblxuZmlndXJlIHtcbiAgbWFyZ2luOiAxZW0gNDBweDtcbn1cblxuLyoqXG4gKiBBZGRyZXNzIGluY29uc2lzdGVudCBzdHlsaW5nIG9mIGBocmAuXG4gKiAxLiBDb3JyZWN0IGBib3gtc2l6aW5nYCBzZXQgdG8gYGJvcmRlci1ib3hgIGluIEZpcmVmb3guXG4gKiAyLiBDb3JyZWN0IGBvdmVyZmxvd2Agc2V0IHRvIGBoaWRkZW5gIGluIElFIDgvOS8xMC8xMSBhbmQgRWRnZSAxMi5cbiAqL1xuXG5ociB7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiAxICovXG4gIGhlaWdodDogMDsgLyogMSAqL1xuICBvdmVyZmxvdzogdmlzaWJsZTsgLyogMiAqL1xufVxuXG4vKipcbiAqIENvbnRhaW4gb3ZlcmZsb3cgaW4gYWxsIGJyb3dzZXJzLlxuICovXG5cbnByZSB7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuXG4vKipcbiAqIDEuIENvcnJlY3QgaW5oZXJpdGFuY2UgYW5kIHNjYWxpbmcgb2YgZm9udC1zaXplIGZvciBwcmVmb3JtYXR0ZWQgdGV4dC5cbiAqIDIuIEFkZHJlc3Mgb2RkIGBlbWAtdW5pdCBmb250IHNpemUgcmVuZGVyaW5nIGluIGFsbCBicm93c2Vycy5cbiAqL1xuXG5jb2RlLFxua2JkLFxucHJlLFxuc2FtcCB7XG4gIGZvbnQtZmFtaWx5OiBtb25vc3BhY2UsIG1vbm9zcGFjZTsgLyogMSAqL1xuICBmb250LXNpemU6IDFlbTsgLyogMiAqL1xufVxuXG4vKiBGb3Jtc1xuICAgPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0gKi9cblxuLyoqXG4gKiBLbm93biBsaW1pdGF0aW9uOiBieSBkZWZhdWx0LCBDaHJvbWUgYW5kIFNhZmFyaSBvbiBPUyBYIGFsbG93IHZlcnkgbGltaXRlZFxuICogc3R5bGluZyBvZiBgc2VsZWN0YCwgdW5sZXNzIGEgYGJvcmRlcmAgcHJvcGVydHkgaXMgc2V0LlxuICovXG5cbi8qKlxuICogMS4gQ29ycmVjdCBmb250IHByb3BlcnRpZXMgbm90IGJlaW5nIGluaGVyaXRlZC5cbiAqIDIuIEFkZHJlc3MgbWFyZ2lucyBzZXQgZGlmZmVyZW50bHkgaW4gRmlyZWZveCA0KywgU2FmYXJpLCBhbmQgQ2hyb21lLlxuICovXG5cbmJ1dHRvbixcbmlucHV0LFxub3B0Z3JvdXAsXG5zZWxlY3QsXG50ZXh0YXJlYSB7XG4gIGZvbnQ6IGluaGVyaXQ7IC8qIDEgKi9cbiAgbWFyZ2luOiAwOyAvKiAyICovXG59XG5cbi8qKlxuICogQWRkcmVzcyBgb3ZlcmZsb3dgIHNldCB0byBgaGlkZGVuYCBpbiBJRSA4LzkvMTAvMTEuXG4gKi9cblxuYnV0dG9uIHtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG59XG5cbi8qKlxuICogQWRkcmVzcyBpbmNvbnNpc3RlbnQgYHRleHQtdHJhbnNmb3JtYCBpbmhlcml0YW5jZSBmb3IgYGJ1dHRvbmAgYW5kIGBzZWxlY3RgLlxuICogQWxsIG90aGVyIGZvcm0gY29udHJvbCBlbGVtZW50cyBkbyBub3QgaW5oZXJpdCBgdGV4dC10cmFuc2Zvcm1gIHZhbHVlcy5cbiAqIENvcnJlY3QgYGJ1dHRvbmAgc3R5bGUgaW5oZXJpdGFuY2UgaW4gRmlyZWZveCwgSUUgOC85LzEwLzExLCBhbmQgT3BlcmEuXG4gKiBDb3JyZWN0IGBzZWxlY3RgIHN0eWxlIGluaGVyaXRhbmNlIGluIEZpcmVmb3guXG4gKi9cblxuYnV0dG9uLFxuc2VsZWN0IHtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG59XG5cbi8qKlxuICogMS4gQXZvaWQgdGhlIFdlYktpdCBidWcgaW4gQW5kcm9pZCA0LjAuKiB3aGVyZSAoMikgZGVzdHJveXMgbmF0aXZlIGBhdWRpb2BcbiAqICAgIGFuZCBgdmlkZW9gIGNvbnRyb2xzLlxuICogMi4gQ29ycmVjdCBpbmFiaWxpdHkgdG8gc3R5bGUgY2xpY2thYmxlIGBpbnB1dGAgdHlwZXMgaW4gaU9TLlxuICogMy4gSW1wcm92ZSB1c2FiaWxpdHkgYW5kIGNvbnNpc3RlbmN5IG9mIGN1cnNvciBzdHlsZSBiZXR3ZWVuIGltYWdlLXR5cGVcbiAqICAgIGBpbnB1dGAgYW5kIG90aGVycy5cbiAqL1xuXG5idXR0b24sXG5odG1sIGlucHV0W3R5cGU9XCJidXR0b25cIl0sIC8qIDEgKi9cbmlucHV0W3R5cGU9XCJyZXNldFwiXSxcbmlucHV0W3R5cGU9XCJzdWJtaXRcIl0ge1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IGJ1dHRvbjsgLyogMiAqL1xuICBjdXJzb3I6IHBvaW50ZXI7IC8qIDMgKi9cbn1cblxuLyoqXG4gKiBSZS1zZXQgZGVmYXVsdCBjdXJzb3IgZm9yIGRpc2FibGVkIGVsZW1lbnRzLlxuICovXG5cbmJ1dHRvbltkaXNhYmxlZF0sXG5odG1sIGlucHV0W2Rpc2FibGVkXSB7XG4gIGN1cnNvcjogZGVmYXVsdDtcbn1cblxuLyoqXG4gKiBSZW1vdmUgaW5uZXIgcGFkZGluZyBhbmQgYm9yZGVyIGluIEZpcmVmb3ggNCsuXG4gKi9cblxuYnV0dG9uOjotbW96LWZvY3VzLWlubmVyLFxuaW5wdXQ6Oi1tb3otZm9jdXMtaW5uZXIge1xuICBib3JkZXI6IDA7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi8qKlxuICogQWRkcmVzcyBGaXJlZm94IDQrIHNldHRpbmcgYGxpbmUtaGVpZ2h0YCBvbiBgaW5wdXRgIHVzaW5nIGAhaW1wb3J0YW50YCBpblxuICogdGhlIFVBIHN0eWxlc2hlZXQuXG4gKi9cblxuaW5wdXQge1xuICBsaW5lLWhlaWdodDogbm9ybWFsO1xufVxuXG4vKipcbiAqIEl0J3MgcmVjb21tZW5kZWQgdGhhdCB5b3UgZG9uJ3QgYXR0ZW1wdCB0byBzdHlsZSB0aGVzZSBlbGVtZW50cy5cbiAqIEZpcmVmb3gncyBpbXBsZW1lbnRhdGlvbiBkb2Vzbid0IHJlc3BlY3QgYm94LXNpemluZywgcGFkZGluZywgb3Igd2lkdGguXG4gKlxuICogMS4gQWRkcmVzcyBib3ggc2l6aW5nIHNldCB0byBgY29udGVudC1ib3hgIGluIElFIDgvOS8xMC5cbiAqIDIuIFJlbW92ZSBleGNlc3MgcGFkZGluZyBpbiBJRSA4LzkvMTAuXG4gKi9cblxuaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdLFxuaW5wdXRbdHlwZT1cInJhZGlvXCJdIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDsgLyogMSAqL1xuICBwYWRkaW5nOiAwOyAvKiAyICovXG59XG5cbi8qKlxuICogRml4IHRoZSBjdXJzb3Igc3R5bGUgZm9yIENocm9tZSdzIGluY3JlbWVudC9kZWNyZW1lbnQgYnV0dG9ucy4gRm9yIGNlcnRhaW5cbiAqIGBmb250LXNpemVgIHZhbHVlcyBvZiB0aGUgYGlucHV0YCwgaXQgY2F1c2VzIHRoZSBjdXJzb3Igc3R5bGUgb2YgdGhlXG4gKiBkZWNyZW1lbnQgYnV0dG9uIHRvIGNoYW5nZSBmcm9tIGBkZWZhdWx0YCB0byBgdGV4dGAuXG4gKi9cblxuaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbixcbmlucHV0W3R5cGU9XCJudW1iZXJcIl06Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICBoZWlnaHQ6IGF1dG87XG59XG5cbi8qKlxuICogQWRkcmVzcyBgYXBwZWFyYW5jZWAgc2V0IHRvIGBzZWFyY2hmaWVsZGAgaW4gU2FmYXJpIGFuZCBDaHJvbWUuXG4gKi9cblxuaW5wdXRbdHlwZT1cInNlYXJjaFwiXSB7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xufVxuXG4vKipcbiAqIFJlbW92ZSBpbm5lciBwYWRkaW5nIGFuZCBzZWFyY2ggY2FuY2VsIGJ1dHRvbiBpbiBTYWZhcmkgYW5kIENocm9tZSBvbiBPUyBYLlxuICogU2FmYXJpIChidXQgbm90IENocm9tZSkgY2xpcHMgdGhlIGNhbmNlbCBidXR0b24gd2hlbiB0aGUgc2VhcmNoIGlucHV0IGhhc1xuICogcGFkZGluZyAoYW5kIGB0ZXh0ZmllbGRgIGFwcGVhcmFuY2UpLlxuICovXG5cbmlucHV0W3R5cGU9XCJzZWFyY2hcIl06Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24sXG5pbnB1dFt0eXBlPVwic2VhcmNoXCJdOjotd2Via2l0LXNlYXJjaC1kZWNvcmF0aW9uIHtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xufVxuXG4vKipcbiAqIERlZmluZSBjb25zaXN0ZW50IGJvcmRlciwgbWFyZ2luLCBhbmQgcGFkZGluZy5cbiAqL1xuXG5maWVsZHNldCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjMGMwYzA7XG4gIG1hcmdpbjogMCAycHg7XG4gIHBhZGRpbmc6IDAuMzVlbSAwLjYyNWVtIDAuNzVlbTtcbn1cblxuLyoqXG4gKiAxLiBDb3JyZWN0IGBjb2xvcmAgbm90IGJlaW5nIGluaGVyaXRlZCBpbiBJRSA4LzkvMTAvMTEuXG4gKiAyLiBSZW1vdmUgcGFkZGluZyBzbyBwZW9wbGUgYXJlbid0IGNhdWdodCBvdXQgaWYgdGhleSB6ZXJvIG91dCBmaWVsZHNldHMuXG4gKi9cblxubGVnZW5kIHtcbiAgYm9yZGVyOiAwOyAvKiAxICovXG4gIHBhZGRpbmc6IDA7IC8qIDIgKi9cbn1cblxuLyoqXG4gKiBSZW1vdmUgZGVmYXVsdCB2ZXJ0aWNhbCBzY3JvbGxiYXIgaW4gSUUgOC85LzEwLzExLlxuICovXG5cbnRleHRhcmVhIHtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG5cbi8qKlxuICogRG9uJ3QgaW5oZXJpdCB0aGUgYGZvbnQtd2VpZ2h0YCAoYXBwbGllZCBieSBhIHJ1bGUgYWJvdmUpLlxuICogTk9URTogdGhlIGRlZmF1bHQgY2Fubm90IHNhZmVseSBiZSBjaGFuZ2VkIGluIENocm9tZSBhbmQgU2FmYXJpIG9uIE9TIFguXG4gKi9cblxub3B0Z3JvdXAge1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLyogVGFibGVzXG4gICA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4vKipcbiAqIFJlbW92ZSBtb3N0IHNwYWNpbmcgYmV0d2VlbiB0YWJsZSBjZWxscy5cbiAqL1xuXG50YWJsZSB7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xufVxuXG50ZCxcbnRoIHtcbiAgcGFkZGluZzogMDtcbn1cbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFBQSw0RUFBNEU7QUFFNUU7Ozs7R0FJRztBQUVILEFBQUEsSUFBSSxDQUFDO0VBQ0gsV0FBVyxFQUFFLFVBQVc7RUFBRSxPQUFPO0VBQ2pDLG9CQUFvQixFQUFFLElBQUs7RUFBRSxPQUFPO0VBQ3BDLHdCQUF3QixFQUFFLElBQUs7RUFBRSxPQUFPO0NBQ3pDOztBQUVEOztHQUVHO0FBRUgsQUFBQSxJQUFJLENBQUM7RUFDSCxNQUFNLEVBQUUsQ0FBRTtDQUVYOztBQUVEO2dGQUNnRjtBQUVoRjs7Ozs7R0FLRztBQUVILEFBQUEsT0FBTztBQUNQLEFBQUEsS0FBSztBQUNMLEFBQUEsT0FBTztBQUNQLEFBQUEsVUFBVTtBQUNWLEFBQUEsTUFBTTtBQUNOLEFBQUEsTUFBTTtBQUNOLEFBQUEsTUFBTTtBQUNOLEFBQUEsSUFBSTtBQUNKLEFBQUEsSUFBSTtBQUNKLEFBQUEsR0FBRztBQUNILEFBQUEsT0FBTztBQUNQLEFBQUEsT0FBTyxDQUFDO0VBQ04sT0FBTyxFQUFFLEtBQU07Q0FDaEI7O0FBRUQ7OztHQUdHO0FBRUgsQUFBQSxLQUFLO0FBQ0wsQUFBQSxNQUFNO0FBQ04sQUFBQSxRQUFRO0FBQ1IsQUFBQSxLQUFLLENBQUM7RUFDSixPQUFPLEVBQUUsWUFBYTtFQUFFLE9BQU87RUFDL0IsY0FBYyxFQUFFLFFBQVM7RUFBRSxPQUFPO0NBQ25DOztBQUVEOzs7R0FHRztBQUVILEFBQW9CLEtBQWYsQUFBQSxJQUFLLEVBQUEsQUFBQSxBQUFTLFFBQVIsQUFBQSxHQUFXO0VBQ3BCLE9BQU8sRUFBRSxJQUFLO0VBQ2QsTUFBTSxFQUFFLENBQUU7Q0FDWDs7QUFFRDs7O0dBR0c7Q0FFSCxBQUFBLEFBQU8sTUFBTixBQUFBO0FBQ0QsQUFBQSxRQUFRLENBQUM7RUFDUCxPQUFPLEVBQUUsSUFBSztDQUNmOztBQUVEO2dGQUNnRjtBQUVoRjs7R0FFRztBQUVILEFBQUEsQ0FBQyxDQUFDO0VBQ0EsZ0JBQWdCLEVBQUUsV0FBWTtDQUMvQjs7QUFFRDs7O0dBR0c7QUFFSCxBQUFDLENBQUEsQUFBQSxPQUFPO0FBQ1IsQUFBQyxDQUFBLEFBQUEsTUFBTSxDQUFDO0VBQ04sT0FBTyxFQUFFLENBQUU7Q0FDWjs7QUFFRDtnRkFDZ0Y7QUFFaEY7Ozs7R0FJRztBQUVILEFBQVUsSUFBTixDQUFBLEFBQUEsS0FBQyxBQUFBLEVBQU87RUFDVixhQUFhLEVBQUUsSUFBSztFQUFFLE9BQU87RUFDN0IsZUFBZSxFQUFFLFNBQVU7RUFBRSxPQUFPO0VBQ3BDLGVBQWUsRUFBRSxnQkFBaUI7RUFBRSxPQUFPO0NBQzVDOztBQUVEOzs7O0dBSUc7QUFFSCxBQUFBLENBQUM7QUFDRCxBQUFBLE1BQU0sQ0FBQztFQUNMLFdBQVcsRUFBRSxPQUFRO0VBQUUsT0FBTztDQUMvQjs7QUFFRCxBQUFBLENBQUM7QUFDRCxBQUFBLE1BQU0sQ0FBQztFQUNMLFdBQVcsRUFBRSxNQUFPO0VBQUUsT0FBTztDQUM5Qjs7QUFFRDs7R0FFRztBQUVILEFBQUEsR0FBRyxDQUFDO0VBQ0YsVUFBVSxFQUFFLE1BQU87Q0FDcEI7O0FBRUQ7OztHQUdHO0FBRUgsQUFBQSxFQUFFLENBQUM7RUFDRCxTQUFTLEVBQUUsR0FBSTtFQUNmLE1BQU0sRUFBRSxRQUFTO0NBQ2xCOztBQUVEOztHQUVHO0FBRUgsQUFBQSxJQUFJLENBQUM7RUFDSCxnQkFBZ0IsRUFBRSxJQUFLO0VBQ3ZCLEtBQUssRUFBRSxJQUFLO0NBQ2I7O0FBRUQ7O0dBRUc7QUFFSCxBQUFBLEtBQUssQ0FBQztFQUNKLFNBQVMsRUFBRSxHQUFJO0NBQ2hCOztBQUVEOztHQUVHO0FBRUgsQUFBQSxHQUFHO0FBQ0gsQUFBQSxHQUFHLENBQUM7RUFDRixTQUFTLEVBQUUsR0FBSTtFQUNmLFdBQVcsRUFBRSxDQUFFO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbkIsY0FBYyxFQUFFLFFBQVM7Q0FDMUI7O0FBRUQsQUFBQSxHQUFHLENBQUM7RUFDRixHQUFHLEVBQUUsTUFBTztDQUNiOztBQUVELEFBQUEsR0FBRyxDQUFDO0VBQ0YsTUFBTSxFQUFFLE9BQVE7Q0FDakI7O0FBRUQ7Z0ZBQ2dGO0FBRWhGOztHQUVHO0FBRUgsQUFBQSxHQUFHLENBQUM7RUFDRixNQUFNLEVBQUUsQ0FBRTtDQUNYOztBQUVEOztHQUVHO0FBRUgsQUFBYSxHQUFWLEFBQUEsSUFBSyxDQUFBLEFBQUEsS0FBSyxFQUFFO0VBQ2IsUUFBUSxFQUFFLE1BQU87Q0FDbEI7O0FBRUQ7Z0ZBQ2dGO0FBRWhGOztHQUVHO0FBRUgsQUFBQSxNQUFNLENBQUM7RUFDTCxNQUFNLEVBQUUsUUFBUztDQUNsQjs7QUFFRDs7OztHQUlHO0FBRUgsQUFBQSxFQUFFLENBQUM7RUFDRCxVQUFVLEVBQUUsV0FBWTtFQUFFLE9BQU87RUFDakMsTUFBTSxFQUFFLENBQUU7RUFBRSxPQUFPO0VBQ25CLFFBQVEsRUFBRSxPQUFRO0VBQUUsT0FBTztDQUM1Qjs7QUFFRDs7R0FFRztBQUVILEFBQUEsR0FBRyxDQUFDO0VBQ0YsUUFBUSxFQUFFLElBQUs7Q0FDaEI7O0FBRUQ7OztHQUdHO0FBRUgsQUFBQSxJQUFJO0FBQ0osQUFBQSxHQUFHO0FBQ0gsQUFBQSxHQUFHO0FBQ0gsQUFBQSxJQUFJLENBQUM7RUFDSCxXQUFXLEVBQUUsb0JBQXFCO0VBQUUsT0FBTztFQUMzQyxTQUFTLEVBQUUsR0FBSTtFQUFFLE9BQU87Q0FDekI7O0FBRUQ7Z0ZBQ2dGO0FBRWhGOzs7R0FHRztBQUVIOzs7R0FHRztBQUVILEFBQUEsTUFBTTtBQUNOLEFBQUEsS0FBSztBQUNMLEFBQUEsUUFBUTtBQUNSLEFBQUEsTUFBTTtBQUNOLEFBQUEsUUFBUSxDQUFDO0VBQ1AsSUFBSSxFQUFFLE9BQVE7RUFBRSxPQUFPO0VBQ3ZCLE1BQU0sRUFBRSxDQUFFO0VBQUUsT0FBTztDQUNwQjs7QUFFRDs7R0FFRztBQUVILEFBQUEsTUFBTSxDQUFDO0VBQ0wsUUFBUSxFQUFFLE9BQVE7Q0FDbkI7O0FBRUQ7Ozs7O0dBS0c7QUFFSCxBQUFBLE1BQU07QUFDTixBQUFBLE1BQU0sQ0FBQztFQUNMLGNBQWMsRUFBRSxJQUFLO0NBQ3RCOztBQUVEOzs7Ozs7R0FNRztBQUVILEFBQUEsTUFBTTtBQUNOLEFBQXdCLElBQXBCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFLLFFBQVEsQUFBYjtBQUNYLEFBQWtCLEtBQWIsQ0FBQSxBQUFBLElBQUMsQ0FBSyxPQUFPLEFBQVo7QUFDTixBQUFtQixLQUFkLENBQUEsQUFBQSxJQUFDLENBQUssUUFBUSxBQUFiLEVBQWU7RUFDbkIsa0JBQWtCLEVBQUUsTUFBTztFQUFFLE9BQU87RUFDcEMsTUFBTSxFQUFFLE9BQVE7RUFBRSxPQUFPO0NBQzFCOztBQUVEOztHQUVHO0FBRUgsQUFBZSxNQUFULENBQUEsQUFBQSxRQUFDLEFBQUE7QUFDUCxBQUFtQixJQUFmLENBQUMsS0FBSyxDQUFBLEFBQUEsUUFBQyxBQUFBLEVBQVU7RUFDbkIsTUFBTSxFQUFFLE9BQVE7Q0FDakI7O0FBRUQ7O0dBRUc7QUFFSCxBQUFNLE1BQUEsQUFBQSxrQkFBa0I7QUFDeEIsQUFBSyxLQUFBLEFBQUEsa0JBQWtCLENBQUM7RUFDdEIsTUFBTSxFQUFFLENBQUU7RUFDVixPQUFPLEVBQUUsQ0FBRTtDQUNaOztBQUVEOzs7R0FHRztBQUVILEFBQUEsS0FBSyxDQUFDO0VBQ0osV0FBVyxFQUFFLE1BQU87Q0FDckI7O0FBRUQ7Ozs7OztHQU1HO0FBRUgsQUFBcUIsS0FBaEIsQ0FBQSxBQUFBLElBQUMsQ0FBSyxVQUFVLEFBQWY7QUFDTixBQUFrQixLQUFiLENBQUEsQUFBQSxJQUFDLENBQUssT0FBTyxBQUFaLEVBQWM7RUFDbEIsVUFBVSxFQUFFLFVBQVc7RUFBRSxPQUFPO0VBQ2hDLE9BQU8sRUFBRSxDQUFFO0VBQUUsT0FBTztDQUNyQjs7QUFFRDs7OztHQUlHO0FBRUgsQUFBb0IsS0FBZixDQUFBLEFBQUEsSUFBQyxDQUFLLFFBQVEsQUFBYixDQUFjLDJCQUEyQjtBQUMvQyxBQUFvQixLQUFmLENBQUEsQUFBQSxJQUFDLENBQUssUUFBUSxBQUFiLENBQWMsMkJBQTJCLENBQUM7RUFDOUMsTUFBTSxFQUFFLElBQUs7Q0FDZDs7QUFFRDs7R0FFRztBQUVILEFBQW1CLEtBQWQsQ0FBQSxBQUFBLElBQUMsQ0FBSyxRQUFRLEFBQWIsRUFBZTtFQUNuQixrQkFBa0IsRUFBRSxTQUFVO0NBQy9COztBQUVEOzs7O0dBSUc7QUFFSCxBQUFvQixLQUFmLENBQUEsQUFBQSxJQUFDLENBQUssUUFBUSxBQUFiLENBQWMsOEJBQThCO0FBQ2xELEFBQW9CLEtBQWYsQ0FBQSxBQUFBLElBQUMsQ0FBSyxRQUFRLEFBQWIsQ0FBYywyQkFBMkIsQ0FBQztFQUM5QyxrQkFBa0IsRUFBRSxJQUFLO0NBQzFCOztBQUVEOztHQUVHO0FBRUgsQUFBQSxRQUFRLENBQUM7RUFDUCxNQUFNLEVBQUUsaUJBQWtCO0VBQzFCLE1BQU0sRUFBRSxLQUFNO0VBQ2QsT0FBTyxFQUFFLHFCQUFzQjtDQUNoQzs7QUFFRDs7O0dBR0c7QUFFSCxBQUFBLE1BQU0sQ0FBQztFQUNMLE1BQU0sRUFBRSxDQUFFO0VBQUUsT0FBTztFQUNuQixPQUFPLEVBQUUsQ0FBRTtFQUFFLE9BQU87Q0FDckI7O0FBRUQ7O0dBRUc7QUFFSCxBQUFBLFFBQVEsQ0FBQztFQUNQLFFBQVEsRUFBRSxJQUFLO0NBQ2hCOztBQUVEOzs7R0FHRztBQUVILEFBQUEsUUFBUSxDQUFDO0VBQ1AsV0FBVyxFQUFFLElBQUs7Q0FDbkI7O0FBRUQ7Z0ZBQ2dGO0FBRWhGOztHQUVHO0FBRUgsQUFBQSxLQUFLLENBQUM7RUFDSixlQUFlLEVBQUUsUUFBUztFQUMxQixjQUFjLEVBQUUsQ0FBRTtDQUNuQjs7QUFFRCxBQUFBLEVBQUU7QUFDRixBQUFBLEVBQUUsQ0FBQztFQUNELE9BQU8sRUFBRSxDQUFFO0NBQ1oiLAoJIm5hbWVzIjogW10KfQ== */ \ No newline at end of file diff --git a/public_html/css/expanded/submenu-side.css b/public_html/css/expanded/submenu-side.css deleted file mode 100755 index 051af91..0000000 --- a/public_html/css/expanded/submenu-side.css +++ /dev/null @@ -1,54 +0,0 @@ -/* COULEUR DU THEME */ -/* COULEUR DU SOUS-MENU */ -/* COULEUR DES ERREURS */ -/* FORMULAIRES */ -/* GESTION DES LONGUEURS */ -#CONTAINER > .sub-menu-side { - display: block; - position: relative; -} - -#CONTAINER > .sub-menu-side > span[data-sublink] { - display: block; - position: relative; - width: 7.5em; - padding: .3em 1em .3em 2em; - margin: 1em; - border-radius: 3px; - color: #5b5e63; - text-shadow: 1px 1px white; - white-space: nowrap; - transition: all .2s; - cursor: pointer; - overflow: hidden; -} - -#CONTAINER > .sub-menu-side > span[data-sublink] > .svg > svg { - display: inline-block; - position: absolute; - left: .5em; - top: 50%; - width: 1em; - height: 1em; - transform: translateY(-50%); -} - -#CONTAINER > .sub-menu-side > span[data-sublink] > .svg > svg path { - fill: #5b5e63 !important; -} - -#CONTAINER > .sub-menu-side > span[data-sublink]:hover, #CONTAINER > .sub-menu-side > span[data-sublink].active { - color: #121213; - background-color: #d8deea; - box-shadow: inset 0 0 4px #c8ced9; -} - -#CONTAINER > .sub-menu-side > span[data-sublink]:hover > .svg > svg path, #CONTAINER > .sub-menu-side > span[data-sublink].active > .svg > svg path { - fill: #121213 !important; -} - -#CONTAINER > .sub-menu-side > span[data-sublink]:nth-child(1) { - margin-top: 1em; -} - -/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAic3VibWVudS1zaWRlLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vc3VibWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cblxuI0NPTlRBSU5FUiA+IC5zdWItbWVudS1zaWRle1xuXHRkaXNwbGF5OiBibG9jaztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdC8vIExlcyBsaWVucyBkdSBtZW51XG5cdCYgPiBzcGFuW2RhdGEtc3VibGlua117XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDcuNWVtO1xuXG5cdFx0cGFkZGluZzogLjNlbSAxZW0gLjNlbSAyZW07XG5cdFx0bWFyZ2luOiAxZW07XG5cblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRjb2xvcjogJHN1Yi1tZW51LWNvbG9yO1xuXHRcdHRleHQtc2hhZG93OiAxcHggMXB4IHdoaXRlO1xuXHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cblx0XHR0cmFuc2l0aW9uOiBhbGwgLjJzO1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblxuXHRcdC8vIERpbWVuc2lvbi9Qb3NpdGlvbiBkZXMgc3ZnIChpY29uZXMpXG5cdFx0JiA+IC5zdmcgPiBzdmd7XG5cdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdGxlZnQ6IC41ZW07XG5cdFx0XHRcdC8vIGxlZnQ6IDEwMCU7XG5cdFx0XHRcdHRvcDogNTAlO1xuXHRcdFx0XHR3aWR0aDogMWVtO1xuXHRcdFx0XHRoZWlnaHQ6IDFlbTtcblxuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuXG5cdFx0XHQvLyBDb2xvcmF0aW9uIHBvdXIgdG91cyBsZXMgZWxlbWVudHMgZHUgc3ZnXG5cdFx0XHQmIHBhdGh7XG5cdFx0XHRcdGZpbGw6ICRzdWItbWVudS1jb2xvciAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogZGFya2VuKCRzdWItbWVudS1jb2xvciwgMzApO1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2Q4ZGVlYTtcblx0XHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCA0cHggI2M4Y2VkOTtcblxuXHRcdFx0JiA+IC5zdmcgPiBzdmcgcGF0aHtcblx0XHRcdFx0ZmlsbDogZGFya2VuKCRzdWItbWVudS1jb2xvciwgMzApICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cblx0XHR9XG5cblx0fVxuXG5cblx0Ly8gT24gZGVjYWxlIGxlIHByZW1pZXJcblx0JiA+IHNwYW5bZGF0YS1zdWJsaW5rXTpudGgtY2hpbGQoMSl7XG5cdFx0bWFyZ2luLXRvcDogMWVtO1xuXHR9XG5cbn1cbiIsCgkJIi8qIENPVUxFVVIgRFUgVEhFTUUgKi9cbiR0aGVtZS1jb2xvcjogI2Y0NGYwNjtcblxuLyogQ09VTEVVUiBEVSBTT1VTLU1FTlUgKi9cbiRzdWItbWVudS1jb2xvcjogIzViNWU2MztcblxuLyogQ09VTEVVUiBERVMgRVJSRVVSUyAqL1xuJGVycm9yLWNvbG9yOiAjY2M1ODU3O1xuXG4vKiBGT1JNVUxBSVJFUyAqL1xuJGZvcm0tdmFsaWQtY29sb3I6ICAgIzI3YTU2MDtcbiRmb3JtLW5ldXRyYWwtY29sb3I6ICMyMTkzZTY7XG4kZm9ybS1zZWFyY2gtY29sb3I6ICAjNTYzMGVkO1xuJGZvcm0taW52YWxpZC1jb2xvcjogI2Q1MjkxODtcblxuXG4vKiBHRVNUSU9OIERFUyBMT05HVUVVUlMgKi9cbiRtZW51LXNpZGUtd2lkdGg6IDRlbTtcblxuXG4vLyBQT1VSIFJFU09VUkNFX0RJU1BBVENIRVJcbiRyZC1mb3JtLXZhbGlkLWNvbG9yOiAgICcyN2E1NjAnO1xuJHJkLWZvcm0tbmV1dHJhbC1jb2xvcjogJzIxOTNlNic7XG4kcmQtZm9ybS1zZWFyY2gtY29sb3I6ICAnNTYzMGVkJztcbiRyZC1mb3JtLWludmFsaWQtY29sb3I6ICdkNTI5MTgnO1xuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQ0FBLHNCQUFzQjtBQUd0QiwwQkFBMEI7QUFHMUIseUJBQXlCO0FBR3pCLGlCQUFpQjtBQU9qQiwyQkFBMkI7QURiM0IsQUFBYSxVQUFILEdBQUcsY0FBYyxDQUFBO0VBQzFCLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7Q0E2RG5COztBQS9ERCxBQUtzQixVQUxaLEdBQUcsY0FBYyxHQUt0QixJQUFJLENBQUEsQUFBQSxZQUFDLEFBQUEsRUFBYTtFQUNyQixPQUFPLEVBQUUsS0FBTTtFQUNmLFFBQVEsRUFBRSxRQUFTO0VBQ2xCLEtBQUssRUFBRSxLQUFNO0VBRWQsT0FBTyxFQUFFLGlCQUFrQjtFQUMzQixNQUFNLEVBQUUsR0FBSTtFQUVaLGFBQWEsRUFBRSxHQUFJO0VBRW5CLEtBQUssRUNkVSxPQUFPO0VEZXRCLFdBQVcsRUFBRSxhQUFjO0VBQzNCLFdBQVcsRUFBRSxNQUFPO0VBRXBCLFVBQVUsRUFBRSxPQUFRO0VBRXBCLE1BQU0sRUFBRSxPQUFRO0VBRWhCLFFBQVEsRUFBRSxNQUFPO0NBZ0NqQjs7QUF2REYsQUEwQmEsVUExQkgsR0FBRyxjQUFjLEdBS3RCLElBQUksQ0FBQSxBQUFBLFlBQUMsQUFBQSxJQXFCSixJQUFJLEdBQUcsR0FBRyxDQUFBO0VBQ2IsT0FBTyxFQUFFLFlBQWE7RUFDdEIsUUFBUSxFQUFFLFFBQVM7RUFDbEIsSUFBSSxFQUFFLElBQUs7RUFFWCxHQUFHLEVBQUUsR0FBSTtFQUNULEtBQUssRUFBRSxHQUFJO0VBQ1gsTUFBTSxFQUFFLEdBQUk7RUFFYixTQUFTLEVBQUUsZ0JBQVU7Q0FNckI7O0FBekNILEFBc0NLLFVBdENLLEdBQUcsY0FBYyxHQUt0QixJQUFJLENBQUEsQUFBQSxZQUFDLEFBQUEsSUFxQkosSUFBSSxHQUFHLEdBQUcsQ0FZWCxJQUFJLENBQUE7RUFDTCxJQUFJLEVDdENTLE9BQU8sQ0RzQ0UsVUFBVTtDQUNoQzs7QUF4Q0osQUFLc0IsVUFMWixHQUFHLGNBQWMsR0FLdEIsSUFBSSxDQUFBLEFBQUEsWUFBQyxBQUFBLENBc0NQLE1BQU0sRUEzQ1QsQUFLc0IsVUFMWixHQUFHLGNBQWMsR0FLdEIsSUFBSSxDQUFBLEFBQUEsWUFBQyxBQUFBLENBdUNQLE9BQU8sQ0FBQTtFQUNQLEtBQUssRUFBRSxPQUFNO0VBQ2IsZ0JBQWdCLEVBQUUsT0FBUTtFQUMxQixVQUFVLEVBQUUscUJBQXNCO0NBTWxDOztBQXJESCxBQWlEa0IsVUFqRFIsR0FBRyxjQUFjLEdBS3RCLElBQUksQ0FBQSxBQUFBLFlBQUMsQUFBQSxDQXNDUCxNQUFNLEdBTUYsSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLEVBakR0QixBQWlEa0IsVUFqRFIsR0FBRyxjQUFjLEdBS3RCLElBQUksQ0FBQSxBQUFBLFlBQUMsQUFBQSxDQXVDUCxPQUFPLEdBS0gsSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUE7RUFDbEIsSUFBSSxFQUFFLE9BQU0sQ0FBc0IsVUFBVTtDQUM1Qzs7QUFuREosQUEyRG1DLFVBM0R6QixHQUFHLGNBQWMsR0EyRHRCLElBQUksQ0FBQSxBQUFBLFlBQUMsQUFBQSxDQUFhLFVBQVcsQ0FBQSxBQUFBLENBQUMsRUFBQztFQUNsQyxVQUFVLEVBQUUsR0FBSTtDQUNoQiIsCgkibmFtZXMiOiBbXQp9 */ \ No newline at end of file diff --git a/public_html/css/min/constants.css b/public_html/css/min/constants.css old mode 100755 new mode 100644 diff --git a/public_html/css/min/container.css b/public_html/css/min/container.css index 21915cd..1433090 100644 --- a/public_html/css/min/container.css +++ b/public_html/css/min/container.css @@ -10,634 +10,535 @@ /* [2] INLINE-BOX pour afficher les listes de donnees =========================================================*/ /* [2-2] INLINE-ROW pour afficher des lignes - =========================================================*/ -} - -#WRAPPER > #CONTAINER > section { - display: none; - flex-grow: 1; -} - -#WRAPPER > #CONTAINER > section.active { - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - flex-wrap: wrap; -} - -#WRAPPER > #CONTAINER > section.active.contain-check-table { - flex-direction: column; - flex-wrap: nowrap; - align-items: center; -} - -#WRAPPER > #CONTAINER > section.active .inline-box { - flex: 0 0 1; -} - -#WRAPPER > #CONTAINER > section.active .inline-row { - flex: 3em 0 0; -} - -#WRAPPER > #CONTAINER > section.active .searchbar { - display: inline-block; - position: relative; - flex: calc( 100% - 2*1em - 2*1em); - margin: 1em; - padding: .5em 1em; - padding-left: 2em; - border-radius: 3px; - border: 1px solid #b1b1b1; - background: #fff url("/src/static/sub-menu-side/search@b1b1b1.svg") 0.5em center no-repeat; - background-size: 1em; - transition: border .4s ease-in-out; -} - -#WRAPPER > #CONTAINER > section.active .searchbar:hover, #WRAPPER > #CONTAINER > section.active .searchbar:focus { - border-color: #5630ed; -} - -#WRAPPER > #CONTAINER > section.active .error, #WRAPPER > #CONTAINER > section.active .in-dev { - display: inline-block; - position: relative; - width: calc( 100% - 2*1em - 2*1em); - height: 1em; - margin: 1em; - padding: 1em; - border-radius: 3px; - border: 1px solid #d52918; - background: #d52918; - color: #fff; - text-shadow: 1px 1px #a72013; -} - -#WRAPPER > #CONTAINER > section.active .in-dev { - border-color: #5630ed; - background: #5630ed; - text-shadow: 1px 1px #3a13d7; -} - -#WRAPPER > #CONTAINER > section > .inline-box, -#WRAPPER > #CONTAINER > section > .inline-row { - display: inline-block; - position: relative; - flex: calc( 50% - 2*1em - 2*1em); - margin: 1em; - padding: 1em; - border-radius: 3px; - box-shadow: 0 0 1px #b7b7b7; - background-color: #fff; - /* (0) Etat des machines */ - /* (1) Titre de l'element */ - /* (2) Code RFID */ - /* (3) Adresse mail */ - /* (4) Groupes */ - /* (5) Lien vers la modification */ - /* (6) Lien vers la suppression */ -} - -#WRAPPER > #CONTAINER > section > .inline-box.hidden, -#WRAPPER > #CONTAINER > section > .inline-row.hidden { - display: none; -} - -#WRAPPER > #CONTAINER > section > .inline-box a, -#WRAPPER > #CONTAINER > section > .inline-row a { - text-decoration: none; - color: inherit; -} - -#WRAPPER > #CONTAINER > section > .inline-box.selected, -#WRAPPER > #CONTAINER > section > .inline-row.selected { - border: 1px solid #7362ff; - transition: box-shadow .2s ease-in-out; -} - -#WRAPPER > #CONTAINER > section > .inline-box.selected:hover, -#WRAPPER > #CONTAINER > section > .inline-row.selected:hover { - box-shadow: 2px 2px 7px #aaa; -} - -#WRAPPER > #CONTAINER > section > .inline-box .state, -#WRAPPER > #CONTAINER > section > .inline-row .state { - display: inline-block; - width: .7em; - height: .7em; - margin-right: .3em; - border-radius: 50% / 50%; - background-color: #ddd; -} - -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='stopped'], -#WRAPPER > #CONTAINER > section > .inline-row .state[data-state='stopped'] { - background-color: #ddd; -} - -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='started'], -#WRAPPER > #CONTAINER > section > .inline-row .state[data-state='started'] { - background-color: #22E07B; -} - -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='signaled'], -#WRAPPER > #CONTAINER > section > .inline-row .state[data-state='signaled'] { - background-color: #2E50C0; -} - -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='locked'], -#WRAPPER > #CONTAINER > section > .inline-row .state[data-state='locked'] { - background-color: #EA460A; -} - -#WRAPPER > #CONTAINER > section > .inline-box .state[data-state='detached'], -#WRAPPER > #CONTAINER > section > .inline-row .state[data-state='detached'] { - background: url("/src/static/sub-menu-side/sync@aaaaaa.svg") center center no-repeat; - background-size: auto 100%; -} - -#WRAPPER > #CONTAINER > section > .inline-box .title, -#WRAPPER > #CONTAINER > section > .inline-row .title { - display: inline-block; - font-size: 1.15em; - font-weight: bold; - color: #ea4c06; - white-space: nowrap; -} - -#WRAPPER > #CONTAINER > section > .inline-box .title > span, -#WRAPPER > #CONTAINER > section > .inline-row .title > span { - font-size: .8em; - color: #333; -} - -#WRAPPER > #CONTAINER > section > .inline-box .motheure, -#WRAPPER > #CONTAINER > section > .inline-box .code, -#WRAPPER > #CONTAINER > section > .inline-box .option, -#WRAPPER > #CONTAINER > section > .inline-box .mail, -#WRAPPER > #CONTAINER > section > .inline-row .motheure, -#WRAPPER > #CONTAINER > section > .inline-row .code, -#WRAPPER > #CONTAINER > section > .inline-row .option, -#WRAPPER > #CONTAINER > section > .inline-row .mail { - display: block; - margin: 1em; - color: #333; - white-space: nowrap; -} - -#WRAPPER > #CONTAINER > section > .inline-box .motheure svg, -#WRAPPER > #CONTAINER > section > .inline-box .code svg, -#WRAPPER > #CONTAINER > section > .inline-box .option svg, -#WRAPPER > #CONTAINER > section > .inline-box .mail svg, -#WRAPPER > #CONTAINER > section > .inline-row .motheure svg, -#WRAPPER > #CONTAINER > section > .inline-row .code svg, -#WRAPPER > #CONTAINER > section > .inline-row .option svg, -#WRAPPER > #CONTAINER > section > .inline-row .mail svg { - display: inline-block; - position: relative; - margin-left: .5em; - margin-right: .5em; - margin-bottom: -.6em; - width: 1.5em; - height: 2em; - pointer-events: none; -} - -#WRAPPER > #CONTAINER > section > .inline-box .motheure svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .code svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .option svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .mail svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .motheure svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .code svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .option svg path#stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .mail svg path#stylisable { - fill: #333 !important; - pointer-events: none; -} - -#WRAPPER > #CONTAINER > section > .inline-box .motheure svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .code svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .option svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-box .mail svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .motheure svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .code svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .option svg path#stroke-stylisable, -#WRAPPER > #CONTAINER > section > .inline-row .mail svg path#stroke-stylisable { - stroke: #333 !important; - pointer-events: none; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups, -#WRAPPER > #CONTAINER > section > .inline-box .option, -#WRAPPER > #CONTAINER > section > .inline-row .groups, -#WRAPPER > #CONTAINER > section > .inline-row .option { - display: block; - margin: 1em; - color: #333; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups svg, -#WRAPPER > #CONTAINER > section > .inline-box .option svg, -#WRAPPER > #CONTAINER > section > .inline-row .groups svg, -#WRAPPER > #CONTAINER > section > .inline-row .option svg { - display: inline-block; - position: relative; - margin-left: .5em; - margin-right: .5em; - margin-bottom: -.6em; - width: 1.5em; - height: 2em; - pointer-events: none; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups svg path, -#WRAPPER > #CONTAINER > section > .inline-box .option svg path, -#WRAPPER > #CONTAINER > section > .inline-row .groups svg path, -#WRAPPER > #CONTAINER > section > .inline-row .option svg path { - fill: #333 !important; - pointer-events: none; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore), -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore), -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore), -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore), -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span { - display: inline-block; - position: relative; - padding: .1em .5em; - margin-right: calc( .4em + 2em); - margin-bottom: .5em; - border-radius: 3px 0 0 3px; - border: 1px solid #bdbdbd; - box-shadow: inset 0 0 2px #fafafa; - background-color: #f9f9f9; - color: #333; - cursor: default; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension { - border-radius: 3px; - cursor: pointer; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member > div.dropdown, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension > div.dropdown { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - flex: 100%; - justify-content: space-between; - position: absolute; - top: calc( 100% + 5px); - left: 0; - width: 12em; - height: 500%; - border-radius: 3px; - overflow: hidden; - overflow-y: auto; - background: #fff; - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); - z-index: 100; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member > div.dropdown > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension > div.dropdown > span { - padding: .5em; - padding-left: 1em; - flex: 2em 1 1; - cursor: pointer; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member > div.dropdown > span:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension > div.dropdown > span:hover { - background-color: #F8F8F8; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-extension, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-extension, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-extension, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-extension, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-extension, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-extension, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-extension, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-group, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-member, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-extension { - display: block; - position: absolute; - top: -1px; - left: 100%; - width: 1em; - height: calc( 100% - .1em - 2px); - padding: .12em .5em; - border-radius: 0 3px 3px 0; - border: 1px solid #bdbdbd; - box-shadow: inset 0 0 2px #fafafa; - background: url("/src/static/sub-menu-side/remove.svg") center center no-repeat; - background-size: auto 70%; - background-color: #f9f9f9; - color: inherit; - cursor: pointer; -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-extension:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-extension:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-extension:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-extension:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-extension:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-extension:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-extension:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-group:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-member:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-extension:hover { - background-image: url("/src/static/sub-menu-side/remove@d52918.svg"); -} - -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission:hover, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission:hover { - border-color: #ddd; - background-color: #eee; - cursor: default; - background-image: url("/src/static/sub-menu-side/permission.svg"); -} - -#WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span, -#WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span { - border-radius: 3px; - margin-right: .4em; -} - -#WRAPPER > #CONTAINER > section > .inline-box .link_edit, -#WRAPPER > #CONTAINER > section > .inline-box .link_remove, -#WRAPPER > #CONTAINER > section > .inline-row .link_edit, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove { - display: inline-block; - float: right; - position: relative; - width: 1em; - height: 1em; - margin-left: 1em; - cursor: pointer; -} - -#WRAPPER > #CONTAINER > section > .inline-box .link_edit.list, -#WRAPPER > #CONTAINER > section > .inline-box .link_remove.list, -#WRAPPER > #CONTAINER > section > .inline-row .link_edit.list, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove.list { - float: none; - margin-left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} - -#WRAPPER > #CONTAINER > section > .inline-box .link_edit > svg, -#WRAPPER > #CONTAINER > section > .inline-box .link_remove > svg, -#WRAPPER > #CONTAINER > section > .inline-row .link_edit > svg, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove > svg { - width: 100%; - height: 100%; - fill: #ddd !important; - transition: fill .4s ease-in-out; - pointer-events: none; -} - -#WRAPPER > #CONTAINER > section > .inline-box .link_edit:hover > svg, -#WRAPPER > #CONTAINER > section > .inline-box .link_remove:hover > svg, -#WRAPPER > #CONTAINER > section > .inline-row .link_edit:hover > svg, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove:hover > svg { - fill: #2193e6 !important; -} - -#WRAPPER > #CONTAINER > section > .inline-box .link_remove:hover > svg, -#WRAPPER > #CONTAINER > section > .inline-row .link_remove:hover > svg { - fill: #d52918 !important; -} - -#WRAPPER > #CONTAINER > section.fstart { - flex-direction: column; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: center; -} - -#WRAPPER > #CONTAINER > section.fstart .searchbar { - flex: 0 0 0; - width: calc( 100% - 2*2em); -} - -#WRAPPER > #CONTAINER > section > .inline-row { - width: calc( 100% - 4em - 2*1em); - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; - overflow: hidden; -} - -#WRAPPER > #CONTAINER > section > .inline-row > span { - display: flex; - flex-direction: column; - justify-content: space-around; - flex: 100% 1 1; - border-left: 1px solid #ddd; - text-align: center; -} - -#WRAPPER > #CONTAINER > section > .inline-row > span:first-child { - border-left: 0; -} - -#WRAPPER > #CONTAINER > section > .inline-row button { - flex: auto; - width: 5em; -} + =========================================================*/ } + #WRAPPER > #CONTAINER > section { + display: none; + flex-grow: 1; } + #WRAPPER > #CONTAINER > section.active { + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; } + #WRAPPER > #CONTAINER > section.active.contain-check-table { + flex-direction: column; + flex-wrap: nowrap; + align-items: center; } + #WRAPPER > #CONTAINER > section.active .inline-box { + flex: 0 0 1; } + #WRAPPER > #CONTAINER > section.active .inline-row { + flex: 3em 0 0; } + #WRAPPER > #CONTAINER > section.active .searchbar { + display: inline-block; + position: relative; + flex: calc( 100% - 2*1em - 2*1em); + margin: 1em; + padding: .5em 1em; + padding-left: 2em; + border-radius: 3px; + border: 1px solid #b1b1b1; + background: #fff url("/src/static/sub-menu-side/search@b1b1b1.svg") 0.5em center no-repeat; + background-size: 1em; + transition: border .4s ease-in-out; } + #WRAPPER > #CONTAINER > section.active .searchbar:hover, #WRAPPER > #CONTAINER > section.active .searchbar:focus { + border-color: #5630ed; } + #WRAPPER > #CONTAINER > section.active .error, #WRAPPER > #CONTAINER > section.active .in-dev { + display: inline-block; + position: relative; + width: calc( 100% - 2*1em - 2*1em); + height: 1em; + margin: 1em; + padding: 1em; + border-radius: 3px; + border: 1px solid #d52918; + background: #d52918; + color: #fff; + text-shadow: 1px 1px #a72013; } + #WRAPPER > #CONTAINER > section.active .in-dev { + border-color: #5630ed; + background: #5630ed; + text-shadow: 1px 1px #3a13d7; } + #WRAPPER > #CONTAINER > section > .inline-box, + #WRAPPER > #CONTAINER > section > .inline-row { + display: inline-block; + position: relative; + flex: calc( 50% - 2*1em - 2*1em); + margin: 1em; + padding: 1em; + border-radius: 3px; + box-shadow: 0 0 1px #b7b7b7; + background-color: #fff; + /* (0) Etat des machines */ + /* (1) Titre de l'element */ + /* (2) Code RFID */ + /* (3) Adresse mail */ + /* (4) Groupes */ + /* (5) Lien vers la modification */ + /* (6) Lien vers la suppression */ } + #WRAPPER > #CONTAINER > section > .inline-box.hidden, + #WRAPPER > #CONTAINER > section > .inline-row.hidden { + display: none; } + #WRAPPER > #CONTAINER > section > .inline-box a, + #WRAPPER > #CONTAINER > section > .inline-row a { + text-decoration: none; + color: inherit; } + #WRAPPER > #CONTAINER > section > .inline-box.selected, + #WRAPPER > #CONTAINER > section > .inline-row.selected { + border: 1px solid #7362ff; + transition: box-shadow .2s ease-in-out; } + #WRAPPER > #CONTAINER > section > .inline-box.selected:hover, + #WRAPPER > #CONTAINER > section > .inline-row.selected:hover { + box-shadow: 2px 2px 7px #aaa; } + #WRAPPER > #CONTAINER > section > .inline-box .state, + #WRAPPER > #CONTAINER > section > .inline-row .state { + display: inline-block; + width: .7em; + height: .7em; + margin-right: .3em; + border-radius: 50% / 50%; + background-color: #ddd; } + #WRAPPER > #CONTAINER > section > .inline-box .state[data-state='stopped'], + #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='stopped'] { + background-color: #ddd; } + #WRAPPER > #CONTAINER > section > .inline-box .state[data-state='started'], + #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='started'] { + background-color: #22E07B; } + #WRAPPER > #CONTAINER > section > .inline-box .state[data-state='signaled'], + #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='signaled'] { + background-color: #2E50C0; } + #WRAPPER > #CONTAINER > section > .inline-box .state[data-state='locked'], + #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='locked'] { + background-color: #EA460A; } + #WRAPPER > #CONTAINER > section > .inline-box .state[data-state='detached'], + #WRAPPER > #CONTAINER > section > .inline-row .state[data-state='detached'] { + background: url("/src/static/sub-menu-side/sync@aaaaaa.svg") center center no-repeat; + background-size: auto 100%; } + #WRAPPER > #CONTAINER > section > .inline-box .title, + #WRAPPER > #CONTAINER > section > .inline-row .title { + display: inline-block; + font-size: 1.15em; + font-weight: bold; + color: #ea4c06; + white-space: nowrap; } + #WRAPPER > #CONTAINER > section > .inline-box .title > span, + #WRAPPER > #CONTAINER > section > .inline-row .title > span { + font-size: .8em; + color: #333; } + #WRAPPER > #CONTAINER > section > .inline-box .motheure, + #WRAPPER > #CONTAINER > section > .inline-box .code, + #WRAPPER > #CONTAINER > section > .inline-box .option, + #WRAPPER > #CONTAINER > section > .inline-box .mail, + #WRAPPER > #CONTAINER > section > .inline-row .motheure, + #WRAPPER > #CONTAINER > section > .inline-row .code, + #WRAPPER > #CONTAINER > section > .inline-row .option, + #WRAPPER > #CONTAINER > section > .inline-row .mail { + display: block; + margin: 1em; + color: #333; + white-space: nowrap; } + #WRAPPER > #CONTAINER > section > .inline-box .motheure svg, + #WRAPPER > #CONTAINER > section > .inline-box .code svg, + #WRAPPER > #CONTAINER > section > .inline-box .option svg, + #WRAPPER > #CONTAINER > section > .inline-box .mail svg, + #WRAPPER > #CONTAINER > section > .inline-row .motheure svg, + #WRAPPER > #CONTAINER > section > .inline-row .code svg, + #WRAPPER > #CONTAINER > section > .inline-row .option svg, + #WRAPPER > #CONTAINER > section > .inline-row .mail svg { + display: inline-block; + position: relative; + margin-left: .5em; + margin-right: .5em; + margin-bottom: -.6em; + width: 1.5em; + height: 2em; + pointer-events: none; } + #WRAPPER > #CONTAINER > section > .inline-box .motheure svg path#stylisable, + #WRAPPER > #CONTAINER > section > .inline-box .code svg path#stylisable, + #WRAPPER > #CONTAINER > section > .inline-box .option svg path#stylisable, + #WRAPPER > #CONTAINER > section > .inline-box .mail svg path#stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .motheure svg path#stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .code svg path#stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .option svg path#stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .mail svg path#stylisable { + fill: #333 !important; + pointer-events: none; } + #WRAPPER > #CONTAINER > section > .inline-box .motheure svg path#stroke-stylisable, + #WRAPPER > #CONTAINER > section > .inline-box .code svg path#stroke-stylisable, + #WRAPPER > #CONTAINER > section > .inline-box .option svg path#stroke-stylisable, + #WRAPPER > #CONTAINER > section > .inline-box .mail svg path#stroke-stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .motheure svg path#stroke-stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .code svg path#stroke-stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .option svg path#stroke-stylisable, + #WRAPPER > #CONTAINER > section > .inline-row .mail svg path#stroke-stylisable { + stroke: #333 !important; + pointer-events: none; } + #WRAPPER > #CONTAINER > section > .inline-box .groups, + #WRAPPER > #CONTAINER > section > .inline-box .option, + #WRAPPER > #CONTAINER > section > .inline-row .groups, + #WRAPPER > #CONTAINER > section > .inline-row .option { + display: block; + margin: 1em; + color: #333; } + #WRAPPER > #CONTAINER > section > .inline-box .groups svg, + #WRAPPER > #CONTAINER > section > .inline-box .option svg, + #WRAPPER > #CONTAINER > section > .inline-row .groups svg, + #WRAPPER > #CONTAINER > section > .inline-row .option svg { + display: inline-block; + position: relative; + margin-left: .5em; + margin-right: .5em; + margin-bottom: -.6em; + width: 1.5em; + height: 2em; + pointer-events: none; } + #WRAPPER > #CONTAINER > section > .inline-box .groups svg path, + #WRAPPER > #CONTAINER > section > .inline-box .option svg path, + #WRAPPER > #CONTAINER > section > .inline-row .groups svg path, + #WRAPPER > #CONTAINER > section > .inline-row .option svg path { + fill: #333 !important; + pointer-events: none; } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore), + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore), + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore), + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore), + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span { + display: inline-block; + position: relative; + padding: .1em .5em; + margin-right: calc( .4em + 2em); + margin-bottom: .5em; + border-radius: 3px 0 0 3px; + border: 1px solid #bdbdbd; + box-shadow: inset 0 0 2px #fafafa; + background-color: #f9f9f9; + color: #333; + cursor: default; } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension { + border-radius: 3px; + cursor: pointer; } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member > div.dropdown, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension > div.dropdown { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + flex: 100%; + justify-content: space-between; + position: absolute; + top: calc( 100% + 5px); + left: 0; + width: 12em; + height: 500%; + border-radius: 3px; + overflow: hidden; + overflow-y: auto; + background: #fff; + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + z-index: 100; } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown > span, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member > div.dropdown > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension > div.dropdown > span { + padding: .5em; + padding-left: 1em; + flex: 2em 1 1; + cursor: pointer; } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-permission > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-group > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-member > div.dropdown > span:hover, #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore).add-extension > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-permission > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-group > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-member > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span.add-extension > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-permission > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-group > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-member > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore).add-extension > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-permission > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-group > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-member > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span.add-extension > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-permission > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-group > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-member > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore).add-extension > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-permission > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-group > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-member > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span.add-extension > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-permission > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-group > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-member > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore).add-extension > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-permission > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-group > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-member > div.dropdown > span:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span.add-extension > div.dropdown > span:hover { + background-color: #F8F8F8; } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-extension, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-extension, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-extension, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-extension, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-extension, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-extension, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-extension, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-group, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-member, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-extension { + display: block; + position: absolute; + top: -1px; + left: 100%; + width: 1em; + height: calc( 100% - .1em - 2px); + padding: .12em .5em; + border-radius: 0 3px 3px 0; + border: 1px solid #bdbdbd; + box-shadow: inset 0 0 2px #fafafa; + background: url("/src/static/sub-menu-side/remove.svg") center center no-repeat; + background-size: auto 70%; + background-color: #f9f9f9; + color: inherit; + cursor: pointer; } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.rem-extension:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.rem-extension:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.rem-extension:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.rem-extension:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.rem-extension:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.rem-extension:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.rem-extension:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-group:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-member:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.rem-extension:hover { + background-image: url("/src/static/sub-menu-side/remove@d52918.svg"); } + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .groups > span.ignore > span > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .groups > span.ignore > span > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span:not(.ignore) > span.icon-permission:hover, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span > span.icon-permission:hover { + border-color: #ddd; + background-color: #eee; + cursor: default; + background-image: url("/src/static/sub-menu-side/permission.svg"); } + #WRAPPER > #CONTAINER > section > .inline-box .option > span.ignore > span, + #WRAPPER > #CONTAINER > section > .inline-row .option > span.ignore > span { + border-radius: 3px; + margin-right: .4em; } + #WRAPPER > #CONTAINER > section > .inline-box .link_edit, + #WRAPPER > #CONTAINER > section > .inline-box .link_remove, + #WRAPPER > #CONTAINER > section > .inline-row .link_edit, + #WRAPPER > #CONTAINER > section > .inline-row .link_remove { + display: inline-block; + float: right; + position: relative; + width: 1em; + height: 1em; + margin-left: 1em; + cursor: pointer; } + #WRAPPER > #CONTAINER > section > .inline-box .link_edit.list, + #WRAPPER > #CONTAINER > section > .inline-box .link_remove.list, + #WRAPPER > #CONTAINER > section > .inline-row .link_edit.list, + #WRAPPER > #CONTAINER > section > .inline-row .link_remove.list { + float: none; + margin-left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + #WRAPPER > #CONTAINER > section > .inline-box .link_edit > svg, + #WRAPPER > #CONTAINER > section > .inline-box .link_remove > svg, + #WRAPPER > #CONTAINER > section > .inline-row .link_edit > svg, + #WRAPPER > #CONTAINER > section > .inline-row .link_remove > svg { + width: 100%; + height: 100%; + fill: #ddd !important; + transition: fill .4s ease-in-out; + pointer-events: none; } + #WRAPPER > #CONTAINER > section > .inline-box .link_edit:hover > svg, + #WRAPPER > #CONTAINER > section > .inline-box .link_remove:hover > svg, + #WRAPPER > #CONTAINER > section > .inline-row .link_edit:hover > svg, + #WRAPPER > #CONTAINER > section > .inline-row .link_remove:hover > svg { + fill: #2193e6 !important; } + #WRAPPER > #CONTAINER > section > .inline-box .link_remove:hover > svg, + #WRAPPER > #CONTAINER > section > .inline-row .link_remove:hover > svg { + fill: #d52918 !important; } + #WRAPPER > #CONTAINER > section.fstart { + flex-direction: column; + flex-wrap: nowrap; + justify-content: flex-start; + align-items: center; } + #WRAPPER > #CONTAINER > section.fstart .searchbar { + flex: 0 0 0; + width: calc( 100% - 2*2em); } + #WRAPPER > #CONTAINER > section > .inline-row { + width: calc( 100% - 4em - 2*1em); + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + align-items: center; + overflow: hidden; } + #WRAPPER > #CONTAINER > section > .inline-row > span { + display: flex; + flex-direction: column; + justify-content: space-around; + flex: 100% 1 1; + border-left: 1px solid #ddd; + text-align: center; } + #WRAPPER > #CONTAINER > section > .inline-row > span:first-child { + border-left: 0; } + #WRAPPER > #CONTAINER > section > .inline-row button { + flex: auto; + width: 5em; } /* [4] Tableau à cocher =========================================================*/ @@ -647,124 +548,84 @@ article.check-table { flex-wrap: wrap; justify-content: space-between; border-radius: 3px; - border: 1px solid #ddd; -} - -article.check-table > div { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - flex: 100%; - padding: .8em 0; - color: #333; - background: #f8f8f8; - border-bottom: 1px solid #eee; - transition: background .2s ease-in-out; - overflow: hidden; -} - -article.check-table > div:nth-child(2n) { - background: #fdfdfd; -} - -article.check-table > div > span { - flex: 100%; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: center; - /* (1) Gestion du checkbox hack */ -} - -article.check-table > div > span input[type='checkbox'] { - display: none; -} - -article.check-table > div > span input[type='checkbox'] + label[for] { - display: inline-block; - position: absolute; - width: 1.2em; - height: 1.2em; - background: url("/src/static/container/checkbox@999999.svg") center center no-repeat; - background-size: 100% auto; - transition: box-shadow .2s ease-in-out; - cursor: pointer; -} - -article.check-table > div > span input[type='checkbox']:checked + label[for] { - background-image: url("/src/static/container/checkbox@checked@007dd8.svg"); -} + border: 1px solid #ddd; } + article.check-table > div { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + flex: 100%; + padding: .8em 0; + color: #333; + background: #f8f8f8; + border-bottom: 1px solid #eee; + transition: background .2s ease-in-out; + overflow: hidden; } + article.check-table > div:nth-child(2n) { + background: #fdfdfd; } + article.check-table > div > span { + flex: 100%; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: center; + /* (1) Gestion du checkbox hack */ } + article.check-table > div > span input[type='checkbox'] { + display: none; } + article.check-table > div > span input[type='checkbox'] + label[for] { + display: inline-block; + position: absolute; + width: 1.2em; + height: 1.2em; + background: url("/src/static/container/checkbox@999999.svg") center center no-repeat; + background-size: 100% auto; + transition: box-shadow .2s ease-in-out; + cursor: pointer; } + article.check-table > div > span input[type='checkbox']:checked + label[for] { + background-image: url("/src/static/container/checkbox@checked@007dd8.svg"); } /* [4] Timeline SVG =========================================================*/ svg.timeline { /* (1) svg circles -> set right transform-origin */ - /* (7) Avoid icons inside center circles to block :hover */ -} - -svg.timeline circle.timeline { - -webkit-transform-origin: 50% 50% 0; - transform-origin: 50% 50% 0; - transition: transform .2s ease-in-out; - /* (2) Set cursor to pointer */ - /* (4) Remove center circle event */ - /* (5) Set colors according to action type */ - /* (6) Make around circles a bit transparent */ -} - -svg.timeline circle.timeline.around { - cursor: pointer; - /* (3) Dispatch event to next nodes */ -} - -svg.timeline circle.timeline.around:hover + .center { - -webkit-transform: scale(1.2); - transform: scale(1.2); -} - -svg.timeline circle.timeline.around:hover + .center + image + .below { - -webkit-transform: translateY(100%); - transform: translateY(100%); -} - -svg.timeline circle.timeline.center { - -webkit-pointer-events: none; - pointer-events: none; -} - -svg.timeline circle.timeline.around.start, svg.timeline circle.timeline.center.start, svg.timeline circle.timeline.below.start { - fill: #2cde8b; -} - -svg.timeline circle.timeline.around.stop, svg.timeline circle.timeline.center.stop, svg.timeline circle.timeline.below.stop { - fill: #3a3a3a; -} - -svg.timeline circle.timeline.around.lock, svg.timeline circle.timeline.center.lock, svg.timeline circle.timeline.below.lock { - fill: #e04343; -} - -svg.timeline circle.timeline.around.unlock, svg.timeline circle.timeline.center.unlock, svg.timeline circle.timeline.below.unlock { - fill: #af1c1c; -} - -svg.timeline circle.timeline.around.signal, svg.timeline circle.timeline.center.signal, svg.timeline circle.timeline.below.signal { - fill: #3258d8; -} - -svg.timeline circle.timeline.around.unsignal, svg.timeline circle.timeline.center.unsignal, svg.timeline circle.timeline.below.unsignal { - fill: #2041ab; -} - -svg.timeline circle.timeline.around { - opacity: .6; -} - -svg.timeline image { - -webkit-pointer-events: none; - pointer-events: none; -} + /* (7) Avoid icons inside center circles to block :hover */ } + svg.timeline circle.timeline { + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; + transition: transform .2s ease-in-out; + /* (2) Set cursor to pointer */ + /* (4) Remove center circle event */ + /* (5) Set colors according to action type */ + /* (6) Make around circles a bit transparent */ } + svg.timeline circle.timeline.around { + cursor: pointer; + /* (3) Dispatch event to next nodes */ } + svg.timeline circle.timeline.around:hover + .center { + -webkit-transform: scale(1.2); + transform: scale(1.2); } + svg.timeline circle.timeline.around:hover + .center + image + .below { + -webkit-transform: translateY(100%); + transform: translateY(100%); } + svg.timeline circle.timeline.center { + -webkit-pointer-events: none; + pointer-events: none; } + svg.timeline circle.timeline.around.start, svg.timeline circle.timeline.center.start, svg.timeline circle.timeline.below.start { + fill: #2cde8b; } + svg.timeline circle.timeline.around.stop, svg.timeline circle.timeline.center.stop, svg.timeline circle.timeline.below.stop { + fill: #3a3a3a; } + svg.timeline circle.timeline.around.lock, svg.timeline circle.timeline.center.lock, svg.timeline circle.timeline.below.lock { + fill: #e04343; } + svg.timeline circle.timeline.around.unlock, svg.timeline circle.timeline.center.unlock, svg.timeline circle.timeline.below.unlock { + fill: #af1c1c; } + svg.timeline circle.timeline.around.signal, svg.timeline circle.timeline.center.signal, svg.timeline circle.timeline.below.signal { + fill: #3258d8; } + svg.timeline circle.timeline.around.unsignal, svg.timeline circle.timeline.center.unsignal, svg.timeline circle.timeline.below.unsignal { + fill: #2041ab; } + svg.timeline circle.timeline.around { + opacity: .6; } + svg.timeline image { + -webkit-pointer-events: none; + pointer-events: none; } /*# sourceMappingURL= container.css.map */ \ No newline at end of file diff --git a/public_html/css/min/global.css b/public_html/css/min/global.css old mode 100755 new mode 100644 index 0cbf149..2ea85b5 --- a/public_html/css/min/global.css +++ b/public_html/css/min/global.css @@ -16,47 +16,32 @@ section > form, .form { box-shadow: 0 0 1px #b7b7b7; background-color: #fff; -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} - -section > form#choose-cluster, .form#choose-cluster { - left: 0; - -webkit-transform: none; - transform: none; -} - -section > form.valid, .form.valid { - border-color: #27a560; -} - -section > form.neutral, .form.neutral { - border-color: #2193e6; -} - -section > form.search, .form.search { - border-color: #2193e6; -} - -section > form .edit_search_view, -section > form .remove_search_view, .form .edit_search_view, -.form .remove_search_view { - display: inline-block; - width: 100%; - text-align: center; - color: #aaaaaa; -} - -section > form .edit_search_view span, -section > form .remove_search_view span, .form .edit_search_view span, -.form .remove_search_view span { - color: #888888; -} - -section > form span.error-msg, .form span.error-msg { - display: inline-block; - color: #F03C3C; - font-size: 0.7em; -} + transform: translateX(-50%); } + section > form#choose-cluster, .form#choose-cluster { + left: 0; + -webkit-transform: none; + transform: none; } + section > form.valid, .form.valid { + border-color: #27a560; } + section > form.neutral, .form.neutral { + border-color: #2193e6; } + section > form.search, .form.search { + border-color: #2193e6; } + section > form .edit_search_view, + section > form .remove_search_view, .form .edit_search_view, + .form .remove_search_view { + display: inline-block; + width: 100%; + text-align: center; + color: #aaaaaa; } + section > form .edit_search_view span, + section > form .remove_search_view span, .form .edit_search_view span, + .form .remove_search_view span { + color: #888888; } + section > form span.error-msg, .form span.error-msg { + display: inline-block; + color: #F03C3C; + font-size: 0.7em; } /* (1) Champs de texte */ input[type=text], @@ -77,44 +62,38 @@ select.invalid { border-radius: 3px; border: 1px solid #d7dde8; color: #2f3033; - transition: border .4s ease-in-out; -} - -input[type=text]:focus, input[type=text]:hover, -input[type=mail]:focus, -input[type=mail]:hover, -input[type=password]:focus, -input[type=password]:hover, -select:focus, -select:hover, -.invalid > input[type=text]:focus, -.invalid > input[type=text]:hover, -.invalid > input[type=mail]:focus, -.invalid > input[type=mail]:hover, -.invalid > input[type=password]:focus, -.invalid > input[type=password]:hover, -.invalid > select:focus, -.invalid > select:hover, -input.invalid[type=text]:focus, -input.invalid[type=text]:hover, -input.invalid[type=mail]:focus, -input.invalid[type=mail]:hover, -input.invalid[type=password]:focus, -input.invalid[type=password]:hover, -select.invalid:focus, -select.invalid:hover { - border-color: #d52918; -} + transition: border .4s ease-in-out; } + input[type=text]:focus, input[type=text]:hover, + input[type=mail]:focus, + input[type=mail]:hover, + input[type=password]:focus, + input[type=password]:hover, + select:focus, + select:hover, + .invalid > input[type=text]:focus, + .invalid > input[type=text]:hover, + .invalid > input[type=mail]:focus, + .invalid > input[type=mail]:hover, + .invalid > input[type=password]:focus, + .invalid > input[type=password]:hover, + .invalid > select:focus, + .invalid > select:hover, + input.invalid[type=text]:focus, + input.invalid[type=text]:hover, + input.invalid[type=mail]:focus, + input.invalid[type=mail]:hover, + input.invalid[type=password]:focus, + input.invalid[type=password]:hover, + select.invalid:focus, + select.invalid:hover { + border-color: #d52918; } select { width: 100%; display: block; - background: #fff; -} - -select option { - padding: .5em; -} + background: #fff; } + select option { + padding: .5em; } .valid > input[type=text]:focus, .valid > input[type=text]:hover, .valid > input[type=mail]:focus, @@ -131,8 +110,7 @@ input.valid[type=password]:focus, input.valid[type=password]:hover, select.valid:focus, select.valid:hover { - border-color: #27a560; -} + border-color: #27a560; } .neutral > input[type=text]:focus, .neutral > input[type=text]:hover, .neutral > input[type=mail]:focus, @@ -149,8 +127,7 @@ input.neutral[type=password]:focus, input.neutral[type=password]:hover, select.neutral:focus, select.neutral:hover { - border-color: #2193e6; -} + border-color: #2193e6; } .search > input[type=text]:focus, .search > input[type=text]:hover, .search > input[type=mail]:focus, @@ -165,8 +142,7 @@ input.search[type=mail]:focus, input.search[type=mail]:hover, input.search[type=password]:focus, input.search[type=password]:hover { - border-color: #5630ed; -} + border-color: #5630ed; } /* (2) Boutons */ button, @@ -182,75 +158,60 @@ button.invalid, color: #fff; transition: background .4s ease-in-out; -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} - -button:hover, button:focus, button:disabled, -button.invalid:hover, -button.invalid:focus, -button.invalid:disabled, -.invalid > button:hover, -.invalid > button:focus, -.invalid > button:disabled { - background-color: #fff; - color: #d52918; -} + transform: translateX(-50%); } + button:hover, button:focus, button:disabled, + button.invalid:hover, + button.invalid:focus, + button.invalid:disabled, + .invalid > button:hover, + .invalid > button:focus, + .invalid > button:disabled { + background-color: #fff; + color: #d52918; } button.grey, .grey > button { border-color: #8d8d8d; - background-color: #8d8d8d; -} - -button.grey:hover, button.grey:focus, button.grey:disabled, -.grey > button:hover, -.grey > button:focus, -.grey > button:disabled { - background-color: #fff; - color: #8d8d8d; -} + background-color: #8d8d8d; } + button.grey:hover, button.grey:focus, button.grey:disabled, + .grey > button:hover, + .grey > button:focus, + .grey > button:disabled { + background-color: #fff; + color: #8d8d8d; } button.valid, .valid > button { border-color: #27a560; - background-color: #27a560; -} - -button.valid:hover, button.valid:focus, button.valid:disabled, -.valid > button:hover, -.valid > button:focus, -.valid > button:disabled { - background-color: #fff; - color: #27a560; -} + background-color: #27a560; } + button.valid:hover, button.valid:focus, button.valid:disabled, + .valid > button:hover, + .valid > button:focus, + .valid > button:disabled { + background-color: #fff; + color: #27a560; } button.neutral, .neutral > button { border-color: #2193e6; - background-color: #2193e6; -} - -button.neutral:hover, button.neutral:focus, button.neutral:disabled, -.neutral > button:hover, -.neutral > button:focus, -.neutral > button:disabled { - background-color: #fff; - color: #2193e6; -} + background-color: #2193e6; } + button.neutral:hover, button.neutral:focus, button.neutral:disabled, + .neutral > button:hover, + .neutral > button:focus, + .neutral > button:disabled { + background-color: #fff; + color: #2193e6; } button.search, .search > button { border-color: #5630ed; - background-color: #5630ed; -} - -button.search:hover, button.search:focus, button.search:disabled, -.search > button:hover, -.search > button:focus, -.search > button:disabled { - background-color: #fff; - color: #5630ed; -} + background-color: #5630ed; } + button.search:hover, button.search:focus, button.search:disabled, + .search > button:hover, + .search > button:focus, + .search > button:disabled { + background-color: #fff; + color: #5630ed; } .invalid > button.active, button.invalid.active, @@ -258,23 +219,19 @@ button.active { background-color: #fff; background-image: url("/src/static/container/active@d52918.svg") !important; background-size: 1em auto; - color: transparent !important; -} + color: transparent !important; } button.valid.active, .valid > button.active { - background-image: url("/src/static/container/active@27a560.svg") !important; -} + background-image: url("/src/static/container/active@27a560.svg") !important; } button.neutral.active, .neutral > button.active { - background-image: url("/src/static/container/active@2193e6.svg") !important; -} + background-image: url("/src/static/container/active@2193e6.svg") !important; } button.search.active, .search > button.active { - background-image: url("/src/static/container/active@5630ed.svg") !important; -} + background-image: url("/src/static/container/active@5630ed.svg") !important; } hr.OR[data-label] { display: block; @@ -282,51 +239,39 @@ hr.OR[data-label] { width: 100%; height: 0; border: 0; - border-bottom: 1px dashed #d52918; -} - -hr.OR[data-label]:before { - content: attr(data-label); - display: inline-block; - position: relative; - top: 50%; - left: 50%; - padding: 0 1em; - background-color: #fff; - color: #d52918; - -webkit-transform: translateX(-50%) translatey(-50%); - transform: translateX(-50%) translatey(-50%); -} + border-bottom: 1px dashed #d52918; } + hr.OR[data-label]:before { + content: attr(data-label); + display: inline-block; + position: relative; + top: 50%; + left: 50%; + padding: 0 1em; + background-color: #fff; + color: #d52918; + -webkit-transform: translateX(-50%) translatey(-50%); + transform: translateX(-50%) translatey(-50%); } .valid > hr.OR, hr.OR.valid { - border-bottom: 1px dashed #27a560; -} - -.valid > hr.OR:before, -hr.OR.valid:before { - color: #27a560; -} + border-bottom: 1px dashed #27a560; } + .valid > hr.OR:before, + hr.OR.valid:before { + color: #27a560; } .neutral > hr.OR, hr.OR.neutral { - border-bottom: 1px dashed #2193e6; -} - -.neutral > hr.OR:before, -hr.OR.neutral:before { - color: #2193e6; -} + border-bottom: 1px dashed #2193e6; } + .neutral > hr.OR:before, + hr.OR.neutral:before { + color: #2193e6; } .search > hr.OR, hr.OR.search { - border-bottom: 1px dashed #5630ed; -} - -.search > hr.OR:before, -hr.OR.search:before { - color: #5630ed; -} + border-bottom: 1px dashed #5630ed; } + .search > hr.OR:before, + hr.OR.search:before { + color: #5630ed; } /*# sourceMappingURL= global.css.map */ \ No newline at end of file diff --git a/public_html/css/min/header.css b/public_html/css/min/header.css old mode 100755 new mode 100644 index d1c0f0f..d74f393 --- a/public_html/css/min/header.css +++ b/public_html/css/min/header.css @@ -4,45 +4,36 @@ /* FORMULAIRES */ /* GESTION DES LONGUEURS */ #WRAPPER > #HEADER { - /* Animation de chargement qudnd chargement ajax */ -} - -#WRAPPER > #HEADER > .icon { - display: block; - position: absolute; - top: 0; - left: 0; - width: 4em; - height: 4em; - background-color: #c23f05; - background-image: url("/src/static/iconv3.svg"); - background-position: center center; - background-repeat: no-repeat; - background-size: 50% 50%; - cursor: pointer; - transition: all .3s; -} - -#WRAPPER > #HEADER.loading > .icon { - background-image: url("/src/static/loaderv2.svg"); - background-size: 70% 70%; -} - -#WRAPPER > #HEADER > .logout-icon { - display: block; - position: absolute; - top: 0; - left: calc( 100% - 4em); - width: 4em; - height: 4em; - background: transparent url("/src/static/logout@e0e7ed.svg") center center no-repeat; - background-size: 40%; - cursor: pointer; -} - -#WRAPPER > #HEADER > .logout-icon:hover { - background-image: url("/src/static/logout@ffffff.svg"); -} + /* Animation de chargement qudnd chargement ajax */ } + #WRAPPER > #HEADER > .icon { + display: block; + position: absolute; + top: 0; + left: 0; + width: 4em; + height: 4em; + background-color: #c23f05; + background-image: url("/src/static/iconv3.svg"); + background-position: center center; + background-repeat: no-repeat; + background-size: 50% 50%; + cursor: pointer; + transition: all .3s; } + #WRAPPER > #HEADER.loading > .icon { + background-image: url("/src/static/loaderv2.svg"); + background-size: 70% 70%; } + #WRAPPER > #HEADER > .logout-icon { + display: block; + position: absolute; + top: 0; + left: calc( 100% - 4em); + width: 4em; + height: 4em; + background: transparent url("/src/static/logout@e0e7ed.svg") center center no-repeat; + background-size: 40%; + cursor: pointer; } + #WRAPPER > #HEADER > .logout-icon:hover { + background-image: url("/src/static/logout@ffffff.svg"); } /*# sourceMappingURL= header.css.map */ \ No newline at end of file diff --git a/public_html/css/min/layout.css b/public_html/css/min/layout.css old mode 100755 new mode 100644 index 58b342d..29dda22 --- a/public_html/css/min/layout.css +++ b/public_html/css/min/layout.css @@ -19,126 +19,101 @@ /* [3] Container de la page ==========================================*/ /* [4] Popup background - window - ==========================================*/ -} - -#WRAPPER > #HEADER { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: calc( 4em - 1px); - border-bottom: 1px solid #c23f05; - background-color: #f44f06; - z-index: 10; -} - -#WRAPPER > #MENU-SIDE { - display: block; - position: absolute; - top: 4em; - left: 0; - width: 4em; - height: 100%; - box-shadow: 2px 1px 3px #ddd; - background-color: #fff; - transition: all .3s; - z-index: 9; -} - -#WRAPPER > #CONTAINER { - display: flex; - position: absolute; - top: 4em; - left: 4em; - width: calc( 100% - 4em - 2*1em); - height: calc( 100% - 4em - 2*1em); - padding: 1em; - flex-direction: row; - justify-content: space-between; - overflow-x: none; - overflow-y: auto; -} - -#WRAPPER > #POPUP { - display: none; - position: fixed; - top: 50%; - left: 50%; - min-width: 50%; - max-width: 50%; - min-height: 30%; - max-height: 50%; - border-radius: 5px; - background: #fff; - color: #34495e; - box-shadow: -10px 10px 0 rgba(26, 33, 40, 0.8); - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - z-index: 101; -} - -#WRAPPER > #POPUP.active { - display: block; -} - -#WRAPPER > #POPUP > .header { - display: block; - position: relative; - width: calc( 100% - 2*1em); - padding: 1em; - border-radius: 5px 5px 0 0; - border-bottom: 2px solid #ecf0f1; - font-size: 1.1em; - font-weight: bold; -} - -#WRAPPER > #POPUP > .body { - display: block; - position: relative; - width: calc( 100% - 2*1em); - padding: 1em; -} - -#WRAPPER > #POPUP > .body b, #WRAPPER > #POPUP > .body strong { - color: #5630ed; -} - -#WRAPPER > #POPUP > .footer { - display: flex; - position: relative; - width: calc( 100% - 2*1em); - padding: 1em; - background-color: #ecf0f1; - border-radius: 0 0 5px 5px; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-end; -} - -#WRAPPER > #POPUP > .footer button { - left: auto; - margin: 0 1em; - -webkit-transform: none; - transform: none; -} - -#WRAPPER > #POPUP-BG { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #29333f; - background: rgba(41, 51, 63, 0.8); - z-index: 100; -} - -#WRAPPER #POPUP.active ~ #POPUP-BG { - display: block; -} + ==========================================*/ } + #WRAPPER > #HEADER { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: calc( 4em - 1px); + border-bottom: 1px solid #c23f05; + background-color: #f44f06; + z-index: 10; } + #WRAPPER > #MENU-SIDE { + display: block; + position: absolute; + top: 4em; + left: 0; + width: 4em; + height: 100%; + box-shadow: 2px 1px 3px #ddd; + background-color: #fff; + transition: all .3s; + z-index: 9; } + #WRAPPER > #CONTAINER { + display: flex; + position: absolute; + top: 4em; + left: 4em; + width: calc( 100% - 4em - 2*1em); + height: calc( 100% - 4em - 2*1em); + padding: 1em; + flex-direction: row; + justify-content: space-between; + overflow-x: none; + overflow-y: auto; } + #WRAPPER > #POPUP { + display: none; + position: fixed; + top: 50%; + left: 50%; + min-width: 50%; + max-width: 50%; + min-height: 30%; + max-height: 50%; + border-radius: 5px; + background: #fff; + color: #34495e; + box-shadow: -10px 10px 0 rgba(26, 33, 40, 0.8); + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + z-index: 101; } + #WRAPPER > #POPUP.active { + display: block; } + #WRAPPER > #POPUP > .header { + display: block; + position: relative; + width: calc( 100% - 2*1em); + padding: 1em; + border-radius: 5px 5px 0 0; + border-bottom: 2px solid #ecf0f1; + font-size: 1.1em; + font-weight: bold; } + #WRAPPER > #POPUP > .body { + display: block; + position: relative; + width: calc( 100% - 2*1em); + padding: 1em; } + #WRAPPER > #POPUP > .body b, #WRAPPER > #POPUP > .body strong { + color: #5630ed; } + #WRAPPER > #POPUP > .footer { + display: flex; + position: relative; + width: calc( 100% - 2*1em); + padding: 1em; + background-color: #ecf0f1; + border-radius: 0 0 5px 5px; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-end; } + #WRAPPER > #POPUP > .footer button { + left: auto; + margin: 0 1em; + -webkit-transform: none; + transform: none; } + #WRAPPER > #POPUP-BG { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #29333f; + background: rgba(41, 51, 63, 0.8); + z-index: 100; } + #WRAPPER #POPUP.active ~ #POPUP-BG { + display: block; } /*# sourceMappingURL= layout.css.map */ \ No newline at end of file diff --git a/public_html/css/min/menu-side.css b/public_html/css/min/menu-side.css old mode 100755 new mode 100644 index 3362ead..28e280d --- a/public_html/css/min/menu-side.css +++ b/public_html/css/min/menu-side.css @@ -15,69 +15,48 @@ color: #a2a2a2; line-height: calc( 4em - 2*.7em - 2*.55em - 2*.01em); transition: color .3s, border .3s; - cursor: pointer; -} - -#WRAPPER > #MENU-SIDE > span[data-link].mt { - margin-top: 3em; -} - -#WRAPPER > #MENU-SIDE > span[data-link].mb { - margin-bottom: 3em; -} - -#WRAPPER > #MENU-SIDE > span[data-link] svg, #WRAPPER > #MENU-SIDE > span[data-link] svg * { - width: calc( 4em / 2.5); - height: calc( 4em / 2.5); - transition: fill .3s, stroke .3s; - pointer-events: none; -} - -#WRAPPER > #MENU-SIDE > span[data-link] svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stylisable { - fill: #a2a2a2 !important; -} - -#WRAPPER > #MENU-SIDE > span[data-link] svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stroke-stylisable { - stroke: #a2a2a2 !important; -} - -#WRAPPER > #MENU-SIDE > span[data-link][data-desc]:after { - content: attr(data-desc); - display: block; - position: absolute; - top: calc( 4em / 4 - 2*.3em); - left: calc( 4em * 1.15 - 2*.3em); - padding: .3em; - border-radius: 3px; - background-color: #2a2a2a; - color: #e2e2e2; - white-space: nowrap; - transition: transform .1s; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover, #WRAPPER > #MENU-SIDE > span[data-link].active { - color: #f44f06; - border-color: #e6e6e6; - box-shadow: inset 0 0 .5em #eee; -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover:hover:after, #WRAPPER > #MENU-SIDE > span[data-link].active:hover:after { - -webkit-transform: scaleX(1); - transform: scaleX(1); - color: #fff; -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stylisable { - fill: #000 !important; -} - -#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stroke-stylisable { - stroke: #000 !important; -} + cursor: pointer; } + #WRAPPER > #MENU-SIDE > span[data-link].mt { + margin-top: 3em; } + #WRAPPER > #MENU-SIDE > span[data-link].mb { + margin-bottom: 3em; } + #WRAPPER > #MENU-SIDE > span[data-link] svg, #WRAPPER > #MENU-SIDE > span[data-link] svg * { + width: calc( 4em / 2.5); + height: calc( 4em / 2.5); + transition: fill .3s, stroke .3s; + pointer-events: none; } + #WRAPPER > #MENU-SIDE > span[data-link] svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stylisable { + fill: #a2a2a2 !important; } + #WRAPPER > #MENU-SIDE > span[data-link] svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stroke-stylisable { + stroke: #a2a2a2 !important; } + #WRAPPER > #MENU-SIDE > span[data-link][data-desc]:after { + content: attr(data-desc); + display: block; + position: absolute; + top: calc( 4em / 4 - 2*.3em); + left: calc( 4em * 1.15 - 2*.3em); + padding: .3em; + border-radius: 3px; + background-color: #2a2a2a; + color: #e2e2e2; + white-space: nowrap; + transition: transform .1s; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); } + #WRAPPER > #MENU-SIDE > span[data-link]:hover, #WRAPPER > #MENU-SIDE > span[data-link].active { + color: #f44f06; + border-color: #e6e6e6; + box-shadow: inset 0 0 .5em #eee; } + #WRAPPER > #MENU-SIDE > span[data-link]:hover:hover:after, #WRAPPER > #MENU-SIDE > span[data-link].active:hover:after { + -webkit-transform: scaleX(1); + transform: scaleX(1); + color: #fff; } + #WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stylisable { + fill: #000 !important; } + #WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stroke-stylisable { + stroke: #000 !important; } /*# sourceMappingURL= menu-side.css.map */ \ No newline at end of file diff --git a/public_html/css/min/reset.css b/public_html/css/min/reset.css old mode 100755 new mode 100644 index a86718a..41df9de --- a/public_html/css/min/reset.css +++ b/public_html/css/min/reset.css @@ -10,8 +10,7 @@ html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; - /* 2 */ -} + /* 2 */ } /** * Remove default margin. @@ -20,8 +19,7 @@ body { margin: 0; font-size: 16px; font-family: 'Open Sans', 'Ubuntu', 'Verdana', 'Arial'; - font-weight: normal; -} + font-weight: normal; } /* HTML5 display definitions ========================================================================== */ @@ -43,8 +41,7 @@ menu, nav, section, summary { - display: block; -} + display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. @@ -57,8 +54,7 @@ video { display: inline-block; /* 1 */ vertical-align: baseline; - /* 2 */ -} + /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. @@ -66,8 +62,7 @@ video { */ audio:not([controls]) { display: none; - height: 0; -} + height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. @@ -75,8 +70,7 @@ audio:not([controls]) { */ [hidden], template { - display: none; -} + display: none; } /* Links ========================================================================== */ @@ -84,8 +78,7 @@ template { * Remove the gray background color from active links in IE 10. */ a { - background-color: transparent; -} + background-color: transparent; } /** * Improve readability of focused elements when they are also in an @@ -93,8 +86,7 @@ a { */ a:active, a:hover { - outline: 0; -} + outline: 0; } /* Text-level semantics ========================================================================== */ @@ -109,8 +101,7 @@ abbr[title] { text-decoration: underline; /* 2 */ text-decoration: underline dotted; - /* 2 */ -} + /* 2 */ } /** * Address inconsistent styling of b and strong. @@ -120,21 +111,18 @@ abbr[title] { b, strong { font-weight: inherit; - /* 1 */ -} + /* 1 */ } b, strong { font-weight: bolder; - /* 2 */ -} + /* 2 */ } /** * Address styling not present in Safari and Chrome. */ dfn { - font-style: italic; -} + font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` @@ -142,23 +130,20 @@ dfn { */ h1 { font-size: 2em; - margin: 0.67em 0; -} + margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background-color: #ff0; - color: #000; -} + color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { - font-size: 80%; -} + font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. @@ -168,16 +153,13 @@ sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; -} + vertical-align: baseline; } sup { - top: -0.5em; -} + top: -0.5em; } sub { - bottom: -0.25em; -} + bottom: -0.25em; } /* Embedded content ========================================================================== */ @@ -185,15 +167,13 @@ sub { * Remove border when inside `a` element in IE 8/9/10. */ img { - border: 0; -} + border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { - overflow: hidden; -} + overflow: hidden; } /* Grouping content ========================================================================== */ @@ -201,8 +181,7 @@ svg:not(:root) { * Address margin not present in IE 8/9 and Safari. */ figure { - margin: 1em 40px; -} + margin: 1em 40px; } /** * Address inconsistent styling of `hr`. @@ -215,15 +194,13 @@ hr { height: 0; /* 1 */ overflow: visible; - /* 2 */ -} + /* 2 */ } /** * Contain overflow in all browsers. */ pre { - overflow: auto; -} + overflow: auto; } /** * 1. Correct inheritance and scaling of font-size for preformatted text. @@ -236,8 +213,7 @@ samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; - /* 2 */ -} + /* 2 */ } /* Forms ========================================================================== */ @@ -257,15 +233,13 @@ textarea { font: inherit; /* 1 */ margin: 0; - /* 2 */ -} + /* 2 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { - overflow: visible; -} + overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. @@ -275,8 +249,7 @@ button { */ button, select { - text-transform: none; -} + text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` @@ -292,16 +265,14 @@ input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; - /* 3 */ -} + /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { - cursor: default; -} + cursor: default; } /** * Remove inner padding and border in Firefox 4+. @@ -309,16 +280,14 @@ html input[disabled] { button::-moz-focus-inner, input::-moz-focus-inner { border: 0; - padding: 0; -} + padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { - line-height: normal; -} + line-height: normal; } /** * It's recommended that you don't attempt to style these elements. @@ -332,8 +301,7 @@ input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; - /* 2 */ -} + /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain @@ -342,15 +310,13 @@ input[type="radio"] { */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { - height: auto; -} + height: auto; } /** * Address `appearance` set to `searchfield` in Safari and Chrome. */ input[type="search"] { - -webkit-appearance: textfield; -} + -webkit-appearance: textfield; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. @@ -359,8 +325,7 @@ input[type="search"] { */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} + -webkit-appearance: none; } /** * Define consistent border, margin, and padding. @@ -368,8 +333,7 @@ input[type="search"]::-webkit-search-decoration { fieldset { border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} + padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. @@ -379,23 +343,20 @@ legend { border: 0; /* 1 */ padding: 0; - /* 2 */ -} + /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { - overflow: auto; -} + overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { - font-weight: bold; -} + font-weight: bold; } /* Tables ========================================================================== */ @@ -404,13 +365,11 @@ optgroup { */ table { border-collapse: collapse; - border-spacing: 0; -} + border-spacing: 0; } td, th { - padding: 0; -} + padding: 0; } /*# sourceMappingURL= reset.css.map */ \ No newline at end of file diff --git a/public_html/css/min/submenu-side.css b/public_html/css/min/submenu-side.css old mode 100755 new mode 100644 index ddcef49..17844f9 --- a/public_html/css/min/submenu-side.css +++ b/public_html/css/min/submenu-side.css @@ -5,52 +5,39 @@ /* GESTION DES LONGUEURS */ #CONTAINER > .sub-menu-side { display: block; - position: relative; -} - -#CONTAINER > .sub-menu-side > span[data-sublink] { - display: block; - position: relative; - width: 7.5em; - padding: .3em 1em .3em 2em; - margin: 1em; - border-radius: 3px; - color: #5b5e63; - text-shadow: 1px 1px white; - white-space: nowrap; - transition: all .2s; - cursor: pointer; - overflow: hidden; -} - -#CONTAINER > .sub-menu-side > span[data-sublink] > .svg > svg { - display: inline-block; - position: absolute; - left: .5em; - top: 50%; - width: 1em; - height: 1em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} - -#CONTAINER > .sub-menu-side > span[data-sublink] > .svg > svg path { - fill: #5b5e63 !important; -} - -#CONTAINER > .sub-menu-side > span[data-sublink]:hover, #CONTAINER > .sub-menu-side > span[data-sublink].active { - color: #121213; - background-color: #d8deea; - box-shadow: inset 0 0 4px #c8ced9; -} - -#CONTAINER > .sub-menu-side > span[data-sublink]:hover > .svg > svg path, #CONTAINER > .sub-menu-side > span[data-sublink].active > .svg > svg path { - fill: #121213 !important; -} - -#CONTAINER > .sub-menu-side > span[data-sublink]:nth-child(1) { - margin-top: 1em; -} + position: relative; } + #CONTAINER > .sub-menu-side > span[data-sublink] { + display: block; + position: relative; + width: 7.5em; + padding: .3em 1em .3em 2em; + margin: 1em; + border-radius: 3px; + color: #5b5e63; + text-shadow: 1px 1px white; + white-space: nowrap; + transition: all .2s; + cursor: pointer; + overflow: hidden; } + #CONTAINER > .sub-menu-side > span[data-sublink] > .svg > svg { + display: inline-block; + position: absolute; + left: .5em; + top: 50%; + width: 1em; + height: 1em; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } + #CONTAINER > .sub-menu-side > span[data-sublink] > .svg > svg path { + fill: #5b5e63 !important; } + #CONTAINER > .sub-menu-side > span[data-sublink]:hover, #CONTAINER > .sub-menu-side > span[data-sublink].active { + color: #121213; + background-color: #d8deea; + box-shadow: inset 0 0 4px #c8ced9; } + #CONTAINER > .sub-menu-side > span[data-sublink]:hover > .svg > svg path, #CONTAINER > .sub-menu-side > span[data-sublink].active > .svg > svg path { + fill: #121213 !important; } + #CONTAINER > .sub-menu-side > span[data-sublink]:nth-child(1) { + margin-top: 1em; } /*# sourceMappingURL= submenu-side.css.map */ \ No newline at end of file diff --git a/public_html/js/lib/reset.js b/public_html/js/lib/reset.js index 8c4d95f..5ba3fc3 100755 --- a/public_html/js/lib/reset.js +++ b/public_html/js/lib/reset.js @@ -105,6 +105,12 @@ Element.prototype.anim = function(className, timeout){ }; +// RECUPERATION DE LA POSITION ABSOLUE D'UN ENFANT PAR RAPPORT A UN PARENT +Element.prototype.get_parent_abs = function(parent_node){ + +} + + /* DEFINITION DES FORMATS UTILES POUR INPUT-CHECKER