From: vincent@cubedesigners.com Date: Mon, 9 Nov 2020 15:55:07 +0000 (+0000) Subject: wait #4022 @2 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=e71b43d8a0f0974b199132db7d968d3528f2923d;p=cubeextranet.git wait #4022 @2 --- diff --git a/images/ws/link.svg b/images/ws/link.svg new file mode 100644 index 000000000..9c817a72b --- /dev/null +++ b/images/ws/link.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/inc/ws/Controlleur/class.ws.url.php b/inc/ws/Controlleur/class.ws.url.php index 7cfe9ec61..88df4978e 100644 --- a/inc/ws/Controlleur/class.ws.url.php +++ b/inc/ws/Controlleur/class.ws.url.php @@ -27,7 +27,9 @@ class wsUrl $filtres[] = new commonFiltre(__('Administrateur'), 'admin_book', $settings['filtres']); $filtres[] = new commonFiltre(__('Revendeur'), 'revendeur_book', $settings['filtres']); } - $res = commonPage::barre($filtres, 'filtreBooks', 'books', $shortcuts, wsDroits::creation()); + $res = ' +'; + $res .= commonPage::barre($filtres, 'filtreBooks', 'books', $shortcuts, wsDroits::creation()); $res .= commonPage::tMain(null, wsDroits::creation()); $res .= commonPage::bh(); $res .= '
'; @@ -152,7 +154,7 @@ class wsUrl $types[] = 'scorm'; } - $res .= '' . $btVoir . ''; + $res .= '' . $btVoir . ''; $res .= '' . $btEdit . ''; } else { $res .= ''; @@ -666,7 +668,7 @@ class wsUrl if (!isset($infos['pattern'])) { $infos['pattern'] = '$1_$2'; } - $res .= '
  • ' . $infos['icon'] . $infos['title'] . '
    • '; + $res .= '
  • ' . $infos['icon'] . $infos['title'] . '
    • '; } } $res .= '
    '; diff --git a/js/ws.js b/js/ws.js index ea8f3dc7e..dfd148810 100644 --- a/js/ws.js +++ b/js/ws.js @@ -2,172 +2,198 @@ TO_LOAD[TO_LOAD.length] = 'load_ws();'; TO_LOAD_ONCE[TO_LOAD_ONCE.length] = 'load_ws_once();'; FIRST_LOAD = true; -function load_ws_once() { - $(document).on('change', 'form[action="exportbook"] select, form[action="exportbookExe"] select', function () { - var form = $(this).parents('form'); - $(form).find('#changed').val($(this).attr('name')); - $(form).attr('action', 'exportbook').submit().attr('action', 'exportbookExe'); - }); - - if ($("#collection").length > 0) { - $("#collection>form>ul").sortable({ - cancel: 'h1', - axis: 'y', - handle: '.move' - }); - - - $(document).on('click', "#collection>form>ul a.delete", function () { - $(this).parents('li:first').remove(); - return false; - }); - - $(document).on('click', "#collection>form>ul a.add", function () { - var publication = $(this).parents('li:first'); - var group = $(publication).parents('.group'); - var clone = $(".group.empty .publication").clone().get(0).outerHTML; - - clone = clone.replace(/pnew_/gi, $(group).find('.publication').length); - clone = clone.replace(/new_/gi, $(group).data('group')); - - $(publication).after(clone); - - initAutocompleteCollection(); - return false; - }); - - $("#collection>form>ul>li").each(function () { - initGroup($(this)); - }); - - - var newCounter = 1; +function qualifyURL(url) { + var img = document.createElement('img'); + img.src = url; // set string url + url = img.src; // get qualified url + img.src = null; // no server request + return url; +} - $("#newGroup").click(function () { - var g = $(".group.empty").clone(); - var html = g.get(0).outerHTML; - html = html.replace(/pnew_/gi, '0'); - html = html.replace(/new_/gi, "new_" + newCounter); - g = $(html); - $(g).removeClass('empty'); - $("#collection>form>ul").append(g); +function load_ws_once() { - initGroup(g); - newCounter++; - return false; - }); - } + $(document).on('change', 'form[action="exportbook"] select, form[action="exportbookExe"] select', function () { + var form = $(this).parents('form'); + $(form).find('#changed').val($(this).attr('name')); + $(form).attr('action', 'exportbook').submit().attr('action', 'exportbookExe'); + }); + + $(document).on('click', 'a.clipboardurl', function () { + var e = this; + navigator.clipboard.writeText(qualifyURL($(this).attr('href'))).then(function () { + var i = e._tippy; + var formerContent = $(e).data('tippy-content'); + i.setContent($(e).data('ok-content')); + i.show(); + setTimeout(function () { + i.setContent(formerContent); + }, 2500); + }, function () { + /* clipboard write failed */ + }); + return false; + }); + + if ($("#collection").length > 0) { + $("#collection>form>ul").sortable({ + cancel: 'h1', + axis: 'y', + handle: '.move' + }); + + + $(document).on('click', "#collection>form>ul a.delete", function () { + $(this).parents('li:first').remove(); + return false; + }); + + $(document).on('click', "#collection>form>ul a.add", function () { + var publication = $(this).parents('li:first'); + var group = $(publication).parents('.group'); + var clone = $(".group.empty .publication").clone().get(0).outerHTML; + + clone = clone.replace(/pnew_/gi, $(group).find('.publication').length); + clone = clone.replace(/new_/gi, $(group).data('group')); + + $(publication).after(clone); + + initAutocompleteCollection(); + return false; + }); + + $("#collection>form>ul>li").each(function () { + initGroup($(this)); + }); + + + var newCounter = 1; + + $("#newGroup").click(function () { + var g = $(".group.empty").clone(); + var html = g.get(0).outerHTML; + html = html.replace(/pnew_/gi, '0'); + html = html.replace(/new_/gi, "new_" + newCounter); + g = $(html); + $(g).removeClass('empty'); + $("#collection>form>ul").append(g); + + initGroup(g); + + newCounter++; + return false; + }); + } } function initGroup(group) { - $(group).find("ul").sortable({ - cancel: 'h1', - axis: 'y', - handle: '.move', - connectWith: '#collection>form>ul ul' - }); - - initAutocompleteCollection(); + $(group).find("ul").sortable({ + cancel: 'h1', + axis: 'y', + handle: '.move', + connectWith: '#collection>form>ul ul' + }); + + initAutocompleteCollection(); } function initAutocompleteCollection() { - try { - $('.publication_id:visible').not('.ac_input').autocompletej(SITE_PATH + 'autocomplete/book', { - cacheLength: 0, - maxItemsToShow: 15, - onFindValue: findBook, - onItemSelect: findBook - }); - } catch (err) { - - } + try { + $('.publication_id:visible').not('.ac_input').autocompletej(SITE_PATH + 'autocomplete/book', { + cacheLength: 0, + maxItemsToShow: 15, + onFindValue: findBook, + onItemSelect: findBook + }); + } catch (err) { + + } } function load_ws() { - if ($("#book_nom").length) { - $("#book_nom").autocompletej(SITE_PATH + 'autocomplete/book', { - cacheLength: 0, - maxItemsToShow: 15, - onFindValue: findBook, - onItemSelect: findBook - }); - } - - if ($("#book_proprietaire").length) { - $("#book_proprietaire").autocompletej(SITE_PATH + 'autocomplete/wsuser', { - cacheLength: 0, - maxItemsToShow: 15, - onFindValue: findProprietaire, - onItemSelect: findProprietaire - }); - } - - - if ($("#ws_admin_nom").length > 0) { - $("#ws_admin_nom").autocompletej(SITE_PATH + 'autocomplete/wsadmin', { - cacheLength: 0, - maxItemsToShow: 15, - onFindValue: findWSAdmin, - onItemSelect: findWSAdmin - }); - } - - $("#importLinksAsExcel,#offsetLinks").submit(function () { - $(this).ajaxSubmit({ - url: SITE_PATH + 'ajax/' + $(this).attr('action'), - success: function (data) { - window.opener.document.getElementById("composerSwf").reloadLinks(); - window.close(); - } - }); - return false; - }); - - $(".restoreLink").click(restoreLink); - - $(".hide_new_value").change(function () { - if ($(this).val() == 0) { - $(".new").show(); - } else { - $(".new").hide(); - } - }); + if ($("#book_nom").length) { + $("#book_nom").autocompletej(SITE_PATH + 'autocomplete/book', { + cacheLength: 0, + maxItemsToShow: 15, + onFindValue: findBook, + onItemSelect: findBook + }); + } + + if ($("#book_proprietaire").length) { + $("#book_proprietaire").autocompletej(SITE_PATH + 'autocomplete/wsuser', { + cacheLength: 0, + maxItemsToShow: 15, + onFindValue: findProprietaire, + onItemSelect: findProprietaire + }); + } + + + if ($("#ws_admin_nom").length > 0) { + $("#ws_admin_nom").autocompletej(SITE_PATH + 'autocomplete/wsadmin', { + cacheLength: 0, + maxItemsToShow: 15, + onFindValue: findWSAdmin, + onItemSelect: findWSAdmin + }); + } + + $("#importLinksAsExcel,#offsetLinks").submit(function () { + $(this).ajaxSubmit({ + url: SITE_PATH + 'ajax/' + $(this).attr('action'), + success: function (data) { + window.opener.document.getElementById("composerSwf").reloadLinks(); + window.close(); + } + }); + return false; + }); + + $(".restoreLink").click(restoreLink); + + $(".hide_new_value").change(function () { + if ($(this).val() == 0) { + $(".new").show(); + } else { + $(".new").hide(); + } + }); } function restoreLink() { - $.ajax({ - url: SITE_PATH + 'ajax/restoreLinksVersion/' + $(this).attr('rel'), - success: function (data) { - reloadLinks(); - window.close(); - } - }); - return false; + $.ajax({ + url: SITE_PATH + 'ajax/restoreLinksVersion/' + $(this).attr('rel'), + success: function (data) { + reloadLinks(); + window.close(); + } + }); + return false; } function reloadLinks() { - window.opener.document.getElementById("composerSwf").reloadLinks(); + window.opener.document.getElementById("composerSwf").reloadLinks(); } function findProprietaire(li) { - var p = li.selectValue.split(' - '); - if (p.length <= 1) { - return; - } - var user_id = parseInt(p[0]); - $("#proprietaire").val(user_id); + var p = li.selectValue.split(' - '); + if (p.length <= 1) { + return; + } + var user_id = parseInt(p[0]); + $("#proprietaire").val(user_id); } function findBook(li, input) { - var book = li.selectValue.split(' - '); - if (book.length <= 1) { - return; - } + var book = li.selectValue.split(' - '); + if (book.length <= 1) { + return; + } - var book_id = parseInt(book[0]); - var next = $(input).next('input[type="hidden"]:first'); - fb(input); - $(next).val(book_id); + var book_id = parseInt(book[0]); + var next = $(input).next('input[type="hidden"]:first'); + fb(input); + $(next).val(book_id); } \ No newline at end of file diff --git a/style/ws/style.css b/style/ws/style.css index 97b5c8557..1e9d4f463 100644 --- a/style/ws/style.css +++ b/style/ws/style.css @@ -1,1040 +1,1053 @@ body { - height: auto; - background: #fff; + height: auto; + background: #fff; } body, table { - font-family: Verdana; - font-size: 12px; - color: #797d62; + font-family: Verdana; + font-size: 12px; + color: #797d62; } a { - color: #f54d00; - text-decoration: underline; + color: #f54d00; + text-decoration: underline; } a:hover { - text-decoration: none; + text-decoration: none; } abbr { - cursor: help; - border-bottom: 1px dotted #797D62; + cursor: help; + border-bottom: 1px dotted #797D62; } td { - height: 30px; + height: 30px; } h1 { - color: #989b85; + color: #989b85; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], select, textarea { - color: #797D62; + color: #797D62; } .message { - text-align: center; - font-size: 11px; - color: #da4f24; - background: #fff; + text-align: center; + font-size: 11px; + color: #da4f24; + background: #fff; } .closePopup img { - margin-top: 4px; + margin-top: 4px; } .login h1 { - padding: 10px 10px 5px; + padding: 10px 10px 5px; } .content { - width: 990px; - margin: 0 auto; - position: relative; + width: 990px; + margin: 0 auto; + position: relative; } .content .swfPanel { - height: 100%; + height: 100%; } .big .liste td { - font-size: 11px !important; - padding-left: 5px; - padding-right: 5px; + font-size: 11px !important; + padding-left: 5px; + padding-right: 5px; } .big .liste th { - padding-left: 5px; - padding-right: 5px; + padding-left: 5px; + padding-right: 5px; } .big .content { - width: 1210px; + width: 1210px; } .liste .bouton a { - height: 16px; + height: 16px; } #header { - height: 94px; - background: url(bg-header.png) repeat-x; - position: relative; + height: 94px; + background: url(bg-header.png) repeat-x; + position: relative; } #logo { - position: absolute; - top: 11px; + position: absolute; + top: 11px; } #welcome { - position: absolute; - top: 25px; - right: 10px; - font-size: 11px; - color: #fff; + position: absolute; + top: 25px; + right: 10px; + font-size: 11px; + color: #fff; } #welcome.with-search { - right: 250px; + right: 250px; } #search { - background: url(search.png) no-repeat; - width: 229px; - height: 28px; - position: absolute; - right: 10px; - top: 20px; + background: url(search.png) no-repeat; + width: 229px; + height: 28px; + position: absolute; + right: 10px; + top: 20px; } #search input { - background: none; - border: none; - width: 180px; - position: absolute; - top: 7px; - left: 10px; - color: #fff; + background: none; + border: none; + width: 180px; + position: absolute; + top: 7px; + left: 10px; + color: #fff; } #search a { - margin-left: 5px; - position: absolute; - top: 2px; - right: 3px; + margin-left: 5px; + position: absolute; + top: 2px; + right: 3px; } #footer { - display: none; + display: none; } #main { - background: url(bg-page.png) repeat-x #fff; - position: relative; - height: 439px; - padding-top: 13px; - padding-bottom: 30px; + background: url(bg-page.png) repeat-x #fff; + position: relative; + height: 439px; + padding-top: 13px; + padding-bottom: 30px; } #logo-main { - /*position:fixed; - background:url(bg-logo.png) no-repeat; - top:180px; - left:0px; - width:289px; - height:419px;*/ + /*position:fixed; + background:url(bg-logo.png) no-repeat; + top:180px; + left:0px; + width:289px; + height:419px;*/ } #nav { - height: 31px; - position: absolute; - top: 63px; - width: 960px; + height: 31px; + position: absolute; + top: 63px; + width: 960px; } .popupOverlay { - background: #a8aa95; - opacity: 0; - position: fixed; - display: none; - top: 0px; - left: 0px; - width: 100%; - height: 100%; + background: #a8aa95; + opacity: 0; + position: fixed; + display: none; + top: 0px; + left: 0px; + width: 100%; + height: 100%; } .popupWindow { - display: none; - opacity: 1; - position: fixed; + display: none; + opacity: 1; + position: fixed; } /*.popupWindow>table{width:600px;}*/ .popupWindow .close { - position: absolute; - top: 15px; - right: 15px; + position: absolute; + top: 15px; + right: 15px; } /* Tableaux */ .liste { - width: 100% !important; - min-width: 960px; + width: 100% !important; + min-width: 960px; } .liste.light { - width: 100% !important; - min-width: 0px !important; + width: 100% !important; + min-width: 0px !important; } .liste.form { - width: auto !important; - min-width: 0px !important; + width: auto !important; + min-width: 0px !important; } .form h2, .form th, .form td, .liste th, .liste td { - text-align: left; - border-bottom: 1px solid #fff; - font-weight: normal; - padding-left: 10px; - padding-right: 10px; - font-size: 12px; - min-height: 50px; - height: 38px; + text-align: left; + border-bottom: 1px solid #fff; + font-weight: normal; + padding-left: 10px; + padding-right: 10px; + font-size: 12px; + min-height: 50px; + height: 38px; } .form th, .liste th, .liste h1 { - font-size: 12px; - height: 31px; - font-weight: bold; - vertical-align: middle; - background: #fff; - padding-left: 10px; + font-size: 12px; + height: 31px; + font-weight: bold; + vertical-align: middle; + background: #fff; + padding-left: 10px; } .form tr.big th { - height: 40px; + height: 40px; } .form h2 { - padding-top: 6px; - height: 26px; + padding-top: 6px; + height: 26px; } .form td { - background: #fff; + background: #fff; } .form h2, .liste td { - background: #eaeaea; - vertical-align: middle; + background: #eaeaea; + vertical-align: middle; } .form tr.odd td, .liste tr.odd td { - background: #f4f4f4; + background: #f4f4f4; } .liste td.bouton { - padding-left: 0px; - padding-right: 5px; + padding-left: 0px; + padding-right: 5px; } .form tr.light th, .liste tr.light th { - font-size: 12px; - background: #fff; - height: 22px; - border-bottom: 1px solid #707070; - margin-bottom: 1px; - padding-left: 3px; + font-size: 12px; + background: #fff; + height: 22px; + border-bottom: 1px solid #707070; + margin-bottom: 1px; + padding-left: 3px; } .liste tr.bold td { - font-weight: bold; + font-weight: bold; } .liste td.we { - background: #e3e3e3 !important; + background: #e3e3e3 !important; } .liste td.filled, .liste td.highlight, .liste th.highlight { - background: #9abf0c !important; + background: #9abf0c !important; } .liste .action { - width: 1px; + width: 1px; } .liste th a { - color: #797D62; - text-decoration: none; - font-weight: bold; + color: #797D62; + text-decoration: none; + font-weight: bold; } .liste th a:hover { - text-decoration: underline; + text-decoration: underline; } .liste td a.icon img { - vertical-align: middle; - margin-top: 0px; + vertical-align: middle; + margin-top: 0px; } .form td a img, .liste td a img { - margin-top: 4px; + margin-top: 4px; } .listeTimereport input[type="text"] { - width: 12px; - text-align: center; - font-size: 10px; - margin: 2px; + width: 12px; + text-align: center; + font-size: 10px; + margin: 2px; } .listeTimereport td, .listeTimereport th { - padding-left: 4px; - padding-right: 4px; - width: 16px; + padding-left: 4px; + padding-right: 4px; + width: 16px; } .listeTimereport th .spacer { - float: left; + float: left; } .listeTimereport .normal { - text-align: left; - vertical-align: middle; - padding-left: 10px; - padding-right: 10px; - width: auto; + text-align: left; + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + width: auto; } .listeTimereport .info { - width: 30px; + width: 30px; } .listeTimereport tr.bold td { - border-top: 1px solid #4e555c; + border-top: 1px solid #4e555c; } #devisTop { - background: url(../images/devis.png) top left; - width: 960px; - height: 500px; + background: url(../images/devis.png) top left; + width: 960px; + height: 500px; } #devisMiddle { - background: url(bg-document.png); - width: 960px; - padding-bottom: 20px; + background: url(bg-document.png); + width: 960px; + padding-bottom: 20px; } #devisBottom { - background: url(../images/devis.png) bottom left; - width: 960px; - height: 300px; + background: url(../images/devis.png) bottom left; + width: 960px; + height: 300px; } #factureAdresse, #devisAdresse { - position: absolute; - top: 180px; - left: 520px; - height: 165px; - width: 360px; - padding: 0px; + position: absolute; + top: 180px; + left: 520px; + height: 165px; + width: 360px; + padding: 0px; } #factureAdresse input[type="text"], #devisAdresse input[type="text"] { - width: 100%; + width: 100%; } #factureAdresseDisplay, #devisAdresseDisplay { - font-size: 20px; - padding: 20px; - position: relative; - min-height: 150px; + font-size: 20px; + padding: 20px; + position: relative; + min-height: 150px; } #factureAdresseDisplay .tva { - font-size: 12px; + font-size: 12px; } #factureAdresse .edit, #devisAdresse .edit { - position: absolute; - top: 20px; - right: 20px; + position: absolute; + top: 20px; + right: 20px; } #devisTitre { - position: absolute; - left: 56px; - top: 231px; - width: 411px; - height: 184px; + position: absolute; + left: 56px; + top: 231px; + width: 411px; + height: 184px; } #devisLignes { - padding-top: 20px; + padding-top: 20px; } .devisLigne { - border: 1px #9aa2ae dashed; - cursor: move; - margin-top: 20px; - margin-left: 20px; - margin-right: 20px; + border: 1px #9aa2ae dashed; + cursor: move; + margin-top: 20px; + margin-left: 20px; + margin-right: 20px; } .devisLigneLeft { - width: 700px; - padding: 20px; + width: 700px; + padding: 20px; } .devisLigneRight { - width: 120px; - float: right; - text-align: center; - padding: 20px; + width: 120px; + float: right; + text-align: center; + padding: 20px; } #devisMail { - padding: 30px; - margin-top: 30px; - border-top: 2px solid #000; + padding: 30px; + margin-top: 30px; + border-top: 2px solid #000; } #devisMail td { - color: #000 !important; + color: #000 !important; } /* Pagers */ .pager-holder { - padding: 10px; - padding-bottom: 0px; - float: none; + padding: 10px; + padding-bottom: 0px; + float: none; } .pager { - text-align: center; + text-align: center; } .pager a, .pager strong { - padding: 2px; - height: 10px; - font-weight: bold; + padding: 2px; + height: 10px; + font-weight: bold; } .pager a { - text-decoration: none; + text-decoration: none; } .pager a:hover { - text-decoration: none; + text-decoration: none; } /* Pager Left */ .pager.pgleft a { - background: transparent; - border: 1px solid #9abf0c; - color: #9abf0c; + background: transparent; + border: 1px solid #9abf0c; + color: #9abf0c; } .pager.pgleft a:hover, .pager.pgleft strong { - background: #cce56c url(pager-left-active.png) repeat-x bottom left; - border: 1px solid #9abf0c; - color: #797d62; + background: #cce56c url(pager-left-active.png) repeat-x bottom left; + border: 1px solid #9abf0c; + color: #797d62; } .formParPage { - padding: 5px; - float: right; + padding: 5px; + float: right; } /* Barre de raccourcis */ #bar { - background: url(bg-bar.png) repeat-x #fff bottom left; + background: url(bg-bar.png) repeat-x #fff bottom left; } #bar.vide { - height: 16px; - background: url(bg-bar-vide.png) repeat-x #fff bottom left; + height: 16px; + background: url(bg-bar-vide.png) repeat-x #fff bottom left; } #bar .content { - height: 60px; + height: 60px; } .shortcut .note { - color: #333; - padding: 10px; + color: #333; + padding: 10px; } .shortcut { - float: left; - margin-left: 5px; - margin-top: 3px; + float: left; + margin-left: 5px; + margin-top: 3px; } .shortcut .step { - margin-top: 5px; + margin-top: 5px; } .shortcut .label { - margin: 15px 20px 0 5px; - font-size: 16px; - font-family: UniversCondensedBold; - text-transform: uppercase; + margin: 15px 20px 0 5px; + font-size: 16px; + font-family: UniversCondensedBold; + text-transform: uppercase; } /* Filtres */ .filtre { - color: #5f6162; - width: 160px; - float: left; - margin-left: 10px; - padding-top: 1px; - position: relative; + color: #5f6162; + width: 160px; + float: left; + margin-left: 10px; + padding-top: 1px; + position: relative; } .filtre span { - font-size: 9px; - color: #5f6162; - margin-left: 5px; - cursor: pointer; + font-size: 9px; + color: #5f6162; + margin-left: 5px; + cursor: pointer; } .filtre .bt { - position: absolute; - top: 2px; - right: 3px; - width: 155px; - height: 18px; + position: absolute; + top: 2px; + right: 3px; + width: 155px; + height: 18px; } .filtre .input { - width: 135px; - height: 23px; - background-image: url(filtres.png); - background-repeat: no-repeat; - padding: 5px; - padding-right: 20px; - margin-left: 5px; - position: relative; + width: 135px; + height: 23px; + background-image: url(filtres.png); + background-repeat: no-repeat; + padding: 5px; + padding-right: 20px; + margin-left: 5px; + position: relative; } .filtre .input.active { - font-weight: bold; + font-weight: bold; } .filtre a { - color: #5f6162; - text-decoration: none; - height: 23px; + color: #5f6162; + text-decoration: none; + height: 23px; } .filtre ul { - display: none; - position: absolute; - top: 36px; - left: 5px; - z-index: 20; - width: 160px; - cursor: pointer; + display: none; + position: absolute; + top: 36px; + left: 5px; + z-index: 20; + width: 160px; + cursor: pointer; } .filtre .input span { - font-size: 12px; + font-size: 12px; } .filtre ul li.first { - padding-top: 2px; + padding-top: 2px; } .filtre ul li { - list-style-type: none; - padding-left: 20px; - background-image: url(filtre-list-m.png); + list-style-type: none; + padding-left: 20px; + background-image: url(filtre-list-m.png); } .filtre ul li.last { - background-image: url(filtre-list-b.png); - background-position: 0 100%; - padding-bottom: 5px; + background-image: url(filtre-list-b.png); + background-position: 0 100%; + padding-bottom: 5px; } .filtre ul li.all { - display: none; + display: none; } .efface_filtres { - padding-right: 20px; - padding-top: 10px; - float: right; + padding-right: 20px; + padding-top: 10px; + float: right; } /* Dashboard */ .dashboard { - position: relative; - margin-bottom: 10px; + position: relative; + margin-bottom: 10px; } .dashboard .caption { - position: relative; - left: 20px; - display: inline; - cursor: move; + position: relative; + left: 20px; + display: inline; + cursor: move; } .dashboard .caption .edit { - position: absolute; - right: 73px; - top: -17px; + position: absolute; + right: 73px; + top: -17px; } .dashboard .caption .delete { - position: absolute; - right: 10px; - top: -17px; + position: absolute; + right: 10px; + top: -17px; } .dashboard .caption .settings { - position: absolute; - right: 40px; - top: -17px; + position: absolute; + right: 40px; + top: -17px; } .dashboard .toggle { - position: absolute; - left: 12px; - top: -10px; - background-image: url(arrows.png); - background-position: 0 0; - width: 18px; - height: 10px; + position: absolute; + left: 12px; + top: -10px; + background-image: url(arrows.png); + background-position: 0 0; + width: 18px; + height: 10px; } .dashboard .toggle.close { - background-position: 0 100%; + background-position: 0 100%; } .dashboard div.close .liste { - display: none; + display: none; } .dashboard .b-c { - width: 960px !important; - height: auto !important; + width: 960px !important; + height: auto !important; } /* Menu Contextuel */ .contextMenu { - border: 1px solid #000; - float: left; - position: absolute; - display: none; - z-index: 100000; + border: 1px solid #000; + float: left; + position: absolute; + display: none; + z-index: 100000; } -.contextMenu li.disabled a { - color: #ccc; - text-decoration: line-through; +.contextMenu li { + position: relative; } -.contextMenu li.disabled a:hover { - color: #fff; - text-decoration: line-through; +.contextMenu li.disabled a:first-child { + color: #ccc; + text-decoration: line-through; } -.contextMenu li a { - border-bottom: 1px solid #ccc; - padding: 12px; - padding-left: 20px; - padding-right: 20px; - background: #fff; - min-height: 12px; - text-decoration: none; - display: inline-block; +.contextMenu li.disabled a:first-child:hover { + color: #fff; + text-decoration: line-through; } -.contextMenu li a:hover { - background: #ccc; +.contextMenu li a:first-child { + border-bottom: 1px solid #ccc; + padding: 12px; + padding-left: 20px; + padding-right: 20px; + background: #fff; + min-height: 12px; + text-decoration: none; + display: inline-block; + position: relative; } -.contextMenu li img { - margin: 5px; - margin-right: 7px; - vertical-align: middle; - float: none; +.contextMenu li a:first-child:hover { + background: #ccc; +} + +.contextMenu li a:first-child img { + margin: 5px; + margin-right: 7px; + vertical-align: middle; + float: none; } .contextMenu li.head { - background: #666b74; - font-weight: bold; - color: #fff; - text-align: center; - border-bottom: 1px solid #000; + background: #666b74; + font-weight: bold; + color: #fff; + text-align: center; + border-bottom: 1px solid #000; } /* Autocomplete */ .ac_results { - background: #fff; - border: 1px solid #acacac; - color: #666; - padding: 2px; - z-index: 100000 !important; + background: #fff; + border: 1px solid #acacac; + color: #666; + padding: 2px; + z-index: 100000 !important; } .ac_results li { - cursor: pointer; - padding: 2px; - margin: 1px; - list-style-type: none; + cursor: pointer; + padding: 2px; + margin: 1px; + list-style-type: none; } .ac_results li:hover, .ac_over { - background: #4e535e; - color: #fff; + background: #4e535e; + color: #fff; } .ac_results iframe { - display: none; + display: none; } /* Traduction */ #traduction div table td { - padding: 5px; - background: #dbdde2; - color: #333; - vertical-align: top; + padding: 5px; + background: #dbdde2; + color: #333; + vertical-align: top; } #traduction div table .odd td { - background: #ecedf0; + background: #ecedf0; } #traduction div table .save td { - background-color: #4e535b; - background-image: url(b-h.png); - background-repeat: repeat-x; + background-color: #4e535b; + background-image: url(b-h.png); + background-repeat: repeat-x; } /* Erreur */ .error { - border: 1px solid #f00; + border: 1px solid #f00; } #uploaderContainer { - width: 970px; - height: 50px; + width: 970px; + height: 50px; } .gris { - background-color: #ecedf0; + background-color: #ecedf0; } #listeBooks { - width: 100%; - height: auto; + width: 100%; + height: auto; } /* Stats */ .graphStats table { - width: auto !important; + width: auto !important; } .graphStats td, .graphStats th { - padding: 0px; - background: none transparent; - height: auto; + padding: 0px; + background: none transparent; + height: auto; } .graphStats .echelle td { - text-align: center; + text-align: center; } .graphStats .graph-note { - position: absolute; - left: 900px; - color: #f54d00; - padding-left: 2px; - padding-right: 2px; - background: #fff; + position: absolute; + left: 900px; + color: #f54d00; + padding-left: 2px; + padding-right: 2px; + background: #fff; } .graphStats .legende { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .graphStats .legende td { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .graphStats .graph-container { - width: 944px; - height: 306px; + width: 944px; + height: 306px; } th.stats_col, td.stats_col { - text-align: center; + text-align: center; } th.stats_col { - width: 130px; + width: 130px; } .stats_col.max { - width: 600px; - text-align: left; + width: 600px; + text-align: left; } .stats_links .liste, .stats_country .liste, .stats_search .liste { - min-width: 315px; - width: 315px; - max-width: 315px; - max-height: 400px; + min-width: 315px; + width: 315px; + max-width: 315px; + max-height: 400px; } .stats_links, .stats_country, .stats_search { - float: left; - margin-left: 0px; + float: left; + margin-left: 0px; } .stats_country, .stats_search { - margin-left: 13px; + margin-left: 13px; } /* Download book contextMenu */ .downbookContextMenu li { - height: auto; + height: auto; } .downbookContextMenu a { - text-decoration: none; + text-decoration: none; } .onglet:hover, .onglet.active { - color: #797D62; + color: #797D62; } #accepteDemandes { - padding: 10px; + padding: 10px; } #restoreLinks { - margin: 10px; + margin: 10px; } #restoreLinks hr { - margin: 10px 0; + margin: 10px 0; } #restoreLinks h2 { - margin: 5px 0 10px 0; + margin: 5px 0 10px 0; } a.btbook { - display: inline-block; - height: 16px; - padding: 2px 6px 2px 2px; - border: 1px solid #fff; - border-radius: 5px; - background-color: rgb(251, 251, 251); - background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg=="); - background-image: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(68%, rgba(251, 251, 251, 1)), color-stop(100%, rgba(229, 230, 230, 1))); - background-image: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); - background-image: -o-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); - background-image: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); - background-image: linear-gradient(to bottom, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); - line-height: 16px; - font-size: 13px; - color: #b1b5a0; - font-family: UniversCondensedBold; - text-decoration: none; - text-transform: uppercase; - white-space: nowrap; - - -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); - -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); - -ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); - -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); + display: inline-block; + height: 16px; + padding: 2px 6px 2px 2px; + border: 1px solid #fff; + border-radius: 5px; + background-color: rgb(251, 251, 251); + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg=="); + background-image: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(68%, rgba(251, 251, 251, 1)), color-stop(100%, rgba(229, 230, 230, 1))); + background-image: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); + background-image: -o-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); + background-image: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); + background-image: linear-gradient(to bottom, rgba(251, 251, 251, 1) 68%, rgba(229, 230, 230, 1) 100%); + line-height: 16px; + font-size: 13px; + color: #b1b5a0; + font-family: UniversCondensedBold; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; + + -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); + -ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); + -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); } a.btbook > div { - display: inline-block; - width: 16px; - height: 16px !important; - background-position: 0 0; + display: inline-block; + width: 16px; + height: 16px !important; + background-position: 0 0; } a.btbook > span { - display: inline-block; - vertical-align: top; - margin: 0 0 0 5px; + display: inline-block; + vertical-align: top; + margin: 0 0 0 5px; } a.btbook:hover > div { - background-position: 0 100%; + background-position: 0 100%; } a.btbook.suppr > div { - background-image: url("../../images/ws/btdel.png"); + background-image: url("../../images/ws/btdel.png"); } a.btbook.voir > div { - background-image: url("../../images/ws/btview.png"); + background-image: url("../../images/ws/btview.png"); } a.btbook.download > div { - background-image: url("../../images/ws/btdownload.png"); + background-image: url("../../images/ws/btdownload.png"); } a.btbook.stats > div { - background-image: url("../../images/ws/btstats.png"); + background-image: url("../../images/ws/btstats.png"); } a.btbook.edit > div { - background-image: url("../../images/ws/btedit.png"); + background-image: url("../../images/ws/btedit.png"); } /* Page tree */ #collection { - padding: 5px; + padding: 5px; } #collection td.pad { - padding: 15px 0; + padding: 15px 0; } #collection .min.nowrap { - padding: 0 15px 0 0; + padding: 0 15px 0 0; } #collection h1 { - margin: 5px 0 10px; - padding: 0; + margin: 5px 0 10px; + padding: 0; } #collection .group.empty { - display: none; + display: none; } #collection .g { - padding: 2px 6px; + padding: 2px 6px; } #collection h3 { - margin: 10px 0 10px 0 !important; - border-top: 2px solid #BEBFB1; - padding: 10px 0 0 0; + margin: 10px 0 10px 0 !important; + border-top: 2px solid #BEBFB1; + padding: 10px 0 0 0; } #collection .group, #collection .publication { - padding: 5px; - border: 1px solid #ccc; - margin: 2px 0; - background-color: #eee; + padding: 5px; + border: 1px solid #ccc; + margin: 2px 0; + background-color: #eee; } #collection .publication { - background-color: #fff; + background-color: #fff; } #collection ul { - list-style: none; + list-style: none; } #collection div { - height: 20px; + height: 20px; } #collection div span, #collection div a { - display: block; - height: 16px; - float: left; + display: block; + height: 16px; + float: left; } #collection div .move, #collection div .add, #collection div .delete { - width: 16px; + width: 16px; } #collection div img { - vertical-align: bottom; + vertical-align: bottom; } #collection div .move { - margin-right: 10px; - background-image: url("/images/ws/tango16/actions/mail-send-receive.png") + margin-right: 10px; + background-image: url("/images/ws/tango16/actions/mail-send-receive.png") } #collection div .add { - float: right; - margin-right: 10px; - background-image: url("/images/ws/tango16/actions/list-add.png") + float: right; + margin-right: 10px; + background-image: url("/images/ws/tango16/actions/list-add.png") } #collection div .online { - float: right; - margin-right: 10px; + float: right; + margin-right: 10px; } #collection div .online .checkbox { - background-image: url("/CubeIT/images/online-offline.png"); - background-repeat: no-repeat; - background-position: 0 100%; - width: 16px; - height: 16px; - cursor: pointer; + background-image: url("/CubeIT/images/online-offline.png"); + background-repeat: no-repeat; + background-position: 0 100%; + width: 16px; + height: 16px; + cursor: pointer; } #collection div .online .checkbox[checked] { - background-position: 0 0; + background-position: 0 0; } #collection div .delete { - float: right; - margin-right: 10px; - background-image: url("/images/ws/tango16/actions/list-remove.png") + float: right; + margin-right: 10px; + background-image: url("/images/ws/tango16/actions/list-remove.png") } #collection div .id { - font-weight: bold; - margin-right: 10px; + font-weight: bold; + margin-right: 10px; } #collection div .name { - margin-right: 10px; + margin-right: 10px; } #collection input, #collection select { - width: auto; + width: auto; } #collection .submit { - float: right; + float: right; } .b { - -moz-box-shadow: none; - -ms-box-shadow: none; - -webkit-box-shadow: none; - -o-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -webkit-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +.clipboardurl { + position: absolute; + width: 15px; + height: 15px; + top: 12px; + right: 10px; } \ No newline at end of file