From a5882e9e6e3b35e2f9f358861634a0af00c9baf8 Mon Sep 17 00:00:00 2001 From: Julian Maurice Date: Tue, 5 Jul 2022 09:37:10 +0200 Subject: [PATCH] Bug 30952: Staff interface redesign --- .../intranet-tmpl/prog/css/addbiblio.css | 30 +- koha-tmpl/intranet-tmpl/prog/css/login.css | 18 +- koha-tmpl/intranet-tmpl/prog/css/mainpage.css | 6 +- .../prog/css/src/_flatpickr.scss | 8 +- .../intranet-tmpl/prog/css/src/_tables.scss | 135 +- .../intranet-tmpl/prog/css/src/calendar.scss | 25 +- .../prog/css/src/staff-global.scss | 2620 +++++++++++++++-- .../includes/acquisitions-add-to-basket.inc | 20 +- .../prog/en/includes/acquisitions-menu.inc | 23 +- .../prog/en/includes/acquisitions-search.inc | 138 +- .../prog/en/includes/acquisitions-toolbar.inc | 39 +- .../en/includes/additional-fields-entry.inc | 2 +- .../prog/en/includes/admin-menu.inc | 228 +- .../prog/en/includes/adv-search.inc | 177 +- .../prog/en/includes/auth-finder-search.inc | 6 +- .../prog/en/includes/authorities-search.inc | 514 ++-- .../prog/en/includes/authorities-toolbar.inc | 10 +- .../en/includes/authority-detail-modal.inc | 2 +- .../prog/en/includes/biblio-view-menu.inc | 4 +- .../prog/en/includes/blocked-fines.inc | 4 +- .../prog/en/includes/borrower_debarments.inc | 6 +- .../prog/en/includes/branch-selector.inc | 2 +- .../en/includes/budgets-active-currency.inc | 2 +- .../prog/en/includes/budgets-admin-search.inc | 143 +- .../en/includes/budgets-admin-toolbar.inc | 8 +- .../prog/en/includes/cat-toolbar.inc | 30 +- .../prog/en/includes/cataloging-search.inc | 118 +- .../prog/en/includes/catalogue-search-box.inc | 5 +- .../en/includes/category-out-of-age-limit.inc | 5 +- .../intranet-tmpl/prog/en/includes/chart.inc | 4 +- .../prog/en/includes/checkin-search.inc | 127 +- .../prog/en/includes/checkouts-table.inc | 10 +- .../prog/en/includes/circ-menu.inc | 168 +- .../prog/en/includes/circ-nav.inc | 14 +- .../prog/en/includes/circ-search.inc | 137 +- .../prog/en/includes/cities-admin-search.inc | 104 +- .../prog/en/includes/clubs-table.inc | 2 +- .../en/includes/contracts-admin-search.inc | 98 +- .../en/includes/currencies-admin-search.inc | 103 +- .../prog/en/includes/desks-admin-search.inc | 105 +- .../intranet-tmpl/prog/en/includes/facets.inc | 6 +- .../prog/en/includes/guided-reports-view.inc | 40 +- .../intranet-tmpl/prog/en/includes/header.inc | 306 +- .../prog/en/includes/holds_table.inc | 2 +- .../prog/en/includes/home-search.inc | 159 +- .../prog/en/includes/html_helpers.inc | 2 +- .../prog/en/includes/ill-toolbar.inc | 12 +- .../prog/en/includes/intranet-bottom.inc | 6 +- .../prog/en/includes/labels-toolbar.inc | 4 +- .../prog/en/includes/langmenu-staff-top.inc | 10 +- .../prog/en/includes/last-borrower.inc | 7 +- .../prog/en/includes/letters-search.inc | 115 +- .../en/includes/member-alt-address-style.inc | 2 +- .../en/includes/member-alt-contact-style.inc | 2 +- .../en/includes/member-main-address-style.inc | 2 +- .../prog/en/includes/members-toolbar.inc | 68 +- .../prog/en/includes/noadd-warnings.inc | 4 +- .../prog/en/includes/patron-age.inc | 2 +- .../prog/en/includes/patron-return-claims.inc | 8 +- .../prog/en/includes/patron-search-box.inc | 39 +- .../prog/en/includes/patron-search-header.inc | 245 +- .../prog/en/includes/patron-search.inc | 12 +- .../prog/en/includes/patron-toolbar.inc | 30 +- .../prog/en/includes/patron_messages.inc | 18 +- .../prog/en/includes/patroncards-toolbar.inc | 4 +- .../prog/en/includes/patronfields.inc | 2 +- .../prog/en/includes/patrons-admin-search.inc | 122 +- .../prog/en/includes/pos-menu.inc | 4 +- .../prog/en/includes/prefs-admin-search.inc | 116 +- .../prog/en/includes/prefs-menu.inc | 6 +- .../prog/en/includes/recalls.inc | 12 +- .../prog/en/includes/reports-menu.inc | 60 +- .../prog/en/includes/reports-toolbar.inc | 26 +- .../includes/rotating-collections-toolbar.inc | 8 +- .../prog/en/includes/serials-menu.inc | 32 +- .../prog/en/includes/serials-search.inc | 125 +- .../prog/en/includes/serials-toolbar.inc | 30 +- .../en/includes/stockrotation-toolbar.inc | 11 +- .../prog/en/includes/subscriptions-search.inc | 28 +- .../prog/en/includes/subtypes_unimarc.inc | 6 +- .../en/includes/suggestions-add-search.inc | 109 +- .../prog/en/includes/tools-menu.inc | 2 +- .../prog/en/includes/vendor-menu.inc | 5 +- .../en/includes/virtualshelves-toolbar.inc | 12 +- .../prog/en/includes/waiting_holds.inc | 4 +- .../prog/en/includes/z3950-admin-search.inc | 104 +- .../intranet-tmpl/prog/en/modules/about.tt | 6 + .../prog/en/modules/acqui/acqui-home.tt | 43 +- .../prog/en/modules/acqui/addorderiso2709.tt | 40 +- .../prog/en/modules/acqui/basket.tt | 34 +- .../prog/en/modules/acqui/basketgroup.tt | 65 +- .../prog/en/modules/acqui/basketheader.tt | 18 +- .../prog/en/modules/acqui/booksellers.tt | 28 +- .../prog/en/modules/acqui/cancelorder.tt | 6 + .../prog/en/modules/acqui/duplicate_orders.tt | 28 +- .../prog/en/modules/acqui/edi_ean.tt | 13 +- .../prog/en/modules/acqui/edifactmsgs.tt | 14 +- .../prog/en/modules/acqui/edimsg.tt | 13 +- .../prog/en/modules/acqui/histsearch.tt | 52 +- .../prog/en/modules/acqui/invoice-files.tt | 12 +- .../prog/en/modules/acqui/invoice.tt | 22 +- .../prog/en/modules/acqui/invoices.tt | 18 +- .../prog/en/modules/acqui/lateorders.tt | 33 +- .../prog/en/modules/acqui/modordernotes.tt | 6 + .../prog/en/modules/acqui/neworderempty.tt | 36 +- .../modules/acqui/neworderempty_duplicate.tt | 14 +- .../en/modules/acqui/newordersubscription.tt | 16 +- .../en/modules/acqui/newordersuggestion.tt | 12 +- .../prog/en/modules/acqui/ordered.tt | 12 +- .../prog/en/modules/acqui/orderreceive.tt | 12 +- .../prog/en/modules/acqui/parcel.tt | 17 +- .../prog/en/modules/acqui/parcels.tt | 23 +- .../prog/en/modules/acqui/spent.tt | 12 +- .../prog/en/modules/acqui/supplier.tt | 49 +- .../prog/en/modules/acqui/uncertainprice.tt | 20 +- .../prog/en/modules/acqui/z3950_search.tt | 18 +- .../en/modules/admin/additional-fields.tt | 28 +- .../prog/en/modules/admin/admin-home.tt | 32 +- .../en/modules/admin/adveditorshortcuts.tt | 12 +- .../prog/en/modules/admin/aqbudgetperiods.tt | 35 +- .../prog/en/modules/admin/aqbudgets.tt | 39 +- .../prog/en/modules/admin/aqcontract.tt | 40 +- .../prog/en/modules/admin/aqplan.tt | 55 +- .../prog/en/modules/admin/audio_alerts.tt | 32 +- .../modules/admin/auth_subfields_structure.tt | 12 +- .../en/modules/admin/auth_tag_structure.tt | 12 +- .../en/modules/admin/authorised_values.tt | 41 +- .../prog/en/modules/admin/authtypes.tt | 35 +- .../prog/en/modules/admin/background_jobs.tt | 22 +- .../prog/en/modules/admin/biblio_framework.tt | 49 +- .../modules/admin/branch_transfer_limits.tt | 27 +- .../prog/en/modules/admin/branches.tt | 32 +- .../prog/en/modules/admin/cash_registers.tt | 12 +- .../prog/en/modules/admin/categories.tt | 34 +- .../prog/en/modules/admin/checkmarc.tt | 14 +- .../prog/en/modules/admin/cities.tt | 31 +- .../prog/en/modules/admin/classsources.tt | 70 +- .../prog/en/modules/admin/clone-rules.tt | 14 +- .../prog/en/modules/admin/columns_settings.tt | 16 +- .../prog/en/modules/admin/credit_types.tt | 37 +- .../prog/en/modules/admin/currency.tt | 35 +- .../prog/en/modules/admin/debit_types.tt | 39 +- .../prog/en/modules/admin/desks.tt | 12 +- .../prog/en/modules/admin/didyoumean.tt | 106 +- .../prog/en/modules/admin/edi_accounts.tt | 36 +- .../prog/en/modules/admin/edi_ean_accounts.tt | 36 +- .../modules/admin/item_circulation_alerts.tt | 19 +- .../en/modules/admin/items_search_field.tt | 12 +- .../en/modules/admin/items_search_fields.tt | 33 +- .../prog/en/modules/admin/itemtypes.tt | 36 +- .../prog/en/modules/admin/koha2marclinks.tt | 20 +- .../prog/en/modules/admin/library_groups.tt | 40 +- .../en/modules/admin/marc-overlay-rules.tt | 27 +- .../modules/admin/marc_subfields_structure.tt | 46 +- .../prog/en/modules/admin/marctagstructure.tt | 37 +- .../prog/en/modules/admin/matching-rules.tt | 125 +- .../prog/en/modules/admin/oai_set_mappings.tt | 12 +- .../prog/en/modules/admin/oai_sets.tt | 43 +- .../prog/en/modules/admin/overdrive.tt | 12 +- .../en/modules/admin/patron-attr-types.tt | 36 +- .../prog/en/modules/admin/preferences.tt | 16 +- .../searchengine/elasticsearch/mappings.tt | 461 +-- .../prog/en/modules/admin/share_content.tt | 20 +- .../prog/en/modules/admin/smart-rules.tt | 62 +- .../prog/en/modules/admin/sms_providers.tt | 12 +- .../prog/en/modules/admin/smtp_servers.tt | 28 +- .../en/modules/admin/systempreferences.tt | 34 +- .../prog/en/modules/admin/transfer_limits.tt | 28 +- .../en/modules/admin/transport-cost-matrix.tt | 22 +- .../prog/en/modules/admin/usage_statistics.tt | 18 +- .../prog/en/modules/admin/z3950servers.tt | 28 +- .../intranet-tmpl/prog/en/modules/auth.tt | 2 +- .../modules/authorities/authorities-home.tt | 22 +- .../en/modules/authorities/authorities.tt | 12 +- .../prog/en/modules/authorities/detail.tt | 19 +- .../prog/en/modules/authorities/merge.tt | 12 +- .../modules/authorities/searchresultlist.tt | 14 +- .../prog/en/modules/basket/basket.tt | 16 +- .../prog/en/modules/catalogue/ISBDdetail.tt | 18 +- .../prog/en/modules/catalogue/MARCdetail.tt | 18 +- .../prog/en/modules/catalogue/advsearch.tt | 53 +- .../prog/en/modules/catalogue/detail.tt | 22 +- .../prog/en/modules/catalogue/imageviewer.tt | 12 +- .../prog/en/modules/catalogue/issuehistory.tt | 14 +- .../prog/en/modules/catalogue/itemsearch.tt | 47 +- .../en/modules/catalogue/labeledMARCdetail.tt | 12 +- .../prog/en/modules/catalogue/moredetail.tt | 38 +- .../prog/en/modules/catalogue/results.tt | 74 +- .../en/modules/catalogue/search-history.tt | 12 +- .../en/modules/catalogue/stockrotation.tt | 12 +- .../prog/en/modules/cataloguing/addbiblio.tt | 102 +- .../prog/en/modules/cataloguing/addbooks.tt | 26 +- .../prog/en/modules/cataloguing/additem.tt | 37 +- .../prog/en/modules/cataloguing/editor.tt | 13 +- .../prog/en/modules/cataloguing/linkitem.tt | 13 +- .../prog/en/modules/cataloguing/merge.tt | 12 +- .../prog/en/modules/cataloguing/moveitem.tt | 12 +- .../modules/cataloguing/z3950_auth_search.tt | 6 +- .../en/modules/cataloguing/z3950_search.tt | 10 +- .../prog/en/modules/circ/article-requests.tt | 12 +- .../prog/en/modules/circ/bookcount.tt | 12 +- .../prog/en/modules/circ/branchoverdues.tt | 16 +- .../prog/en/modules/circ/branchtransfers.tt | 28 +- .../prog/en/modules/circ/checkout-notes.tt | 13 +- .../prog/en/modules/circ/circulation-home.tt | 108 +- .../prog/en/modules/circ/circulation.tt | 184 +- .../circ/circulation_batch_checkouts.tt | 12 +- .../prog/en/modules/circ/offline.tt | 12 +- .../prog/en/modules/circ/on-site_checkouts.tt | 12 +- .../prog/en/modules/circ/overdue.tt | 215 +- .../prog/en/modules/circ/pendingreserves.tt | 68 +- .../prog/en/modules/circ/renew.tt | 48 +- .../prog/en/modules/circ/request-article.tt | 12 +- .../prog/en/modules/circ/reserveratios.tt | 123 +- .../prog/en/modules/circ/returns.tt | 128 +- .../prog/en/modules/circ/set-library.tt | 47 +- .../prog/en/modules/circ/transfers_to_send.tt | 12 +- .../en/modules/circ/transferstoreceive.tt | 14 +- .../prog/en/modules/circ/view_holdsqueue.tt | 41 +- .../prog/en/modules/circ/waitingreserves.tt | 16 +- .../prog/en/modules/clubs/club-enrollments.tt | 14 +- .../prog/en/modules/clubs/clubs-add-modify.tt | 26 +- .../prog/en/modules/clubs/clubs.tt | 71 +- .../prog/en/modules/clubs/patron-clubs-tab.tt | 4 +- .../prog/en/modules/clubs/patron-enroll.tt | 6 +- .../en/modules/clubs/templates-add-modify.tt | 30 +- .../course_reserves/add_items-step1.tt | 12 +- .../course_reserves/add_items-step2.tt | 12 +- .../course_reserves/batch_add_items.tt | 12 +- .../modules/course_reserves/batch_rm_items.tt | 12 +- .../modules/course_reserves/course-details.tt | 12 +- .../course_reserves/course-reserves.tt | 12 +- .../prog/en/modules/course_reserves/course.tt | 12 +- .../modules/course_reserves/invalid-course.tt | 14 +- .../prog/en/modules/errors/errorpage.tt | 13 +- .../prog/en/modules/ill/ill-requests.tt | 12 +- .../prog/en/modules/intranet-main.tt | 234 +- .../prog/en/modules/labels/barcode-print.tt | 12 +- .../en/modules/labels/label-bib-search.tt | 6 +- .../en/modules/labels/label-edit-batch.tt | 38 +- .../en/modules/labels/label-edit-layout.tt | 37 +- .../en/modules/labels/label-edit-profile.tt | 27 +- .../en/modules/labels/label-edit-range.tt | 19 +- .../en/modules/labels/label-edit-template.tt | 20 +- .../prog/en/modules/labels/label-home.tt | 12 +- .../prog/en/modules/labels/label-manage.tt | 28 +- .../prog/en/modules/labels/label-print.tt | 30 +- .../prog/en/modules/labels/result.tt | 6 +- .../prog/en/modules/labels/search.tt | 8 +- .../prog/en/modules/labels/spinelabel-home.tt | 16 +- .../en/modules/members/accountline-details.tt | 15 +- .../prog/en/modules/members/apikeys.tt | 13 +- .../prog/en/modules/members/boraccount.tt | 33 +- .../prog/en/modules/members/deletemem.tt | 13 +- .../prog/en/modules/members/discharge.tt | 13 +- .../prog/en/modules/members/discharges.tt | 43 +- .../prog/en/modules/members/files.tt | 21 +- .../prog/en/modules/members/holdshistory.tt | 15 +- .../prog/en/modules/members/housebound.tt | 13 +- .../prog/en/modules/members/ill-requests.tt | 13 +- .../prog/en/modules/members/mancredit.tt | 19 +- .../prog/en/modules/members/maninvoice.tt | 23 +- .../prog/en/modules/members/member-flags.tt | 25 +- .../en/modules/members/member-password.tt | 19 +- .../prog/en/modules/members/member.tt | 16 +- .../prog/en/modules/members/memberentrygen.tt | 97 +- .../prog/en/modules/members/members-update.tt | 13 +- .../prog/en/modules/members/merge-patrons.tt | 19 +- .../prog/en/modules/members/moremember.tt | 76 +- .../prog/en/modules/members/notices.tt | 17 +- .../prog/en/modules/members/pay.tt | 13 +- .../prog/en/modules/members/paycollect.tt | 13 +- .../modules/members/purchase-suggestions.tt | 20 +- .../prog/en/modules/members/readingrec.tt | 15 +- .../prog/en/modules/members/recallshistory.tt | 6 +- .../prog/en/modules/members/routing-lists.tt | 15 +- .../prog/en/modules/members/search.tt | 2 +- .../prog/en/modules/members/statistics.tt | 14 +- .../en/modules/members/two_factor_auth.tt | 6 +- .../en/modules/offline_circ/enqueue_koc.tt | 12 +- .../prog/en/modules/offline_circ/list.tt | 12 +- .../en/modules/offline_circ/process_koc.tt | 18 +- .../en/modules/onboarding/onboardingstep1.tt | 2 +- .../en/modules/onboarding/onboardingstep2.tt | 2 +- .../en/modules/onboarding/onboardingstep3.tt | 2 +- .../en/modules/onboarding/onboardingstep4.tt | 2 +- .../en/modules/onboarding/onboardingstep5.tt | 2 +- .../en/modules/patron_lists/add-modify.tt | 33 +- .../prog/en/modules/patron_lists/list.tt | 40 +- .../prog/en/modules/patron_lists/lists.tt | 24 +- .../prog/en/modules/patroncards/edit-batch.tt | 38 +- .../en/modules/patroncards/edit-layout.tt | 20 +- .../en/modules/patroncards/edit-profile.tt | 20 +- .../en/modules/patroncards/edit-template.tt | 16 +- .../prog/en/modules/patroncards/home.tt | 15 +- .../en/modules/patroncards/image-manage.tt | 47 +- .../prog/en/modules/patroncards/manage.tt | 32 +- .../prog/en/modules/patroncards/print.tt | 33 +- .../en/modules/plugins/plugins-disabled.tt | 15 +- .../prog/en/modules/plugins/plugins-home.tt | 70 +- .../prog/en/modules/plugins/plugins-upload.tt | 22 +- .../intranet-tmpl/prog/en/modules/pos/pay.tt | 12 +- .../prog/en/modules/pos/register.tt | 12 +- .../prog/en/modules/pos/registers.tt | 12 +- .../en/modules/reports/acquisitions_stats.tt | 26 +- .../prog/en/modules/reports/bor_issues_top.tt | 22 +- .../prog/en/modules/reports/borrowers_out.tt | 24 +- .../en/modules/reports/borrowers_stats.tt | 24 +- .../en/modules/reports/cash_register_stats.tt | 117 +- .../prog/en/modules/reports/cat_issues_top.tt | 24 +- .../prog/en/modules/reports/catalogue_out.tt | 23 +- .../en/modules/reports/catalogue_stats.tt | 27 +- .../prog/en/modules/reports/dictionary.tt | 75 +- .../modules/reports/guided_reports_start.tt | 196 +- .../en/modules/reports/issues_avg_stats.tt | 22 +- .../prog/en/modules/reports/issues_stats.tt | 24 +- .../prog/en/modules/reports/itemslost.tt | 18 +- .../prog/en/modules/reports/itemtypes.tt | 18 +- .../en/modules/reports/orders_by_budget.tt | 25 +- .../prog/en/modules/reports/reports-home.tt | 26 +- .../prog/en/modules/reports/reserves_stats.tt | 24 +- .../prog/en/modules/reports/serials_stats.tt | 20 +- .../prog/en/modules/reserve/request.tt | 598 ++-- .../prog/en/modules/reviews/reviewswaiting.tt | 14 +- .../modules/rotating_collections/addItems.tt | 23 +- .../rotating_collections/editCollections.tt | 23 +- .../rotatingCollections.tt | 18 +- .../transferCollection.tt | 23 +- .../en/modules/serials/checkexpiration.tt | 20 +- .../prog/en/modules/serials/claims.tt | 17 +- .../en/modules/serials/routing-preview.tt | 12 +- .../prog/en/modules/serials/routing.tt | 12 +- .../en/modules/serials/serials-collection.tt | 12 +- .../prog/en/modules/serials/serials-edit.tt | 13 +- .../prog/en/modules/serials/serials-home.tt | 14 +- .../prog/en/modules/serials/serials-search.tt | 61 +- .../en/modules/serials/subscription-add.tt | 48 +- .../modules/serials/subscription-batchedit.tt | 13 +- .../en/modules/serials/subscription-detail.tt | 12 +- .../serials/subscription-frequencies.tt | 28 +- .../modules/serials/subscription-history.tt | 12 +- .../serials/subscription-numberpatterns.tt | 35 +- .../prog/en/modules/serials/viewalerts.tt | 13 +- .../prog/en/modules/suggestion/suggestion.tt | 150 +- .../prog/en/modules/tags/list.tt | 14 +- .../prog/en/modules/tags/review.tt | 36 +- .../prog/en/modules/tools/access_files.tt | 14 +- .../en/modules/tools/additional-contents.tt | 117 +- .../automatic_item_modification_by_age.tt | 52 +- .../prog/en/modules/tools/batchMod-del.tt | 14 +- .../prog/en/modules/tools/batchMod-edit.tt | 46 +- .../prog/en/modules/tools/batchMod.tt | 22 +- .../en/modules/tools/batch_delete_records.tt | 34 +- .../modules/tools/batch_extend_due_dates.tt | 22 +- .../tools/batch_record_modification.tt | 87 +- .../prog/en/modules/tools/cleanborrowers.tt | 28 +- .../prog/en/modules/tools/csv-profiles.tt | 22 +- .../prog/en/modules/tools/export.tt | 16 +- .../prog/en/modules/tools/holidays.tt | 22 +- .../prog/en/modules/tools/import_borrowers.tt | 35 +- .../prog/en/modules/tools/inventory.tt | 46 +- .../prog/en/modules/tools/letter.tt | 77 +- .../en/modules/tools/manage-marc-import.tt | 47 +- .../tools/marc_modification_templates.tt | 44 +- .../prog/en/modules/tools/modborrowers.tt | 44 +- .../prog/en/modules/tools/overduerules.tt | 12 +- .../prog/en/modules/tools/picture-upload.tt | 26 +- .../prog/en/modules/tools/problem-reports.tt | 12 +- .../prog/en/modules/tools/quotes-upload.tt | 16 +- .../prog/en/modules/tools/quotes.tt | 25 +- .../prog/en/modules/tools/scheduler.tt | 19 +- .../prog/en/modules/tools/showdiffmarc.tt | 6 + .../en/modules/tools/stage-marc-import.tt | 32 +- .../prog/en/modules/tools/stockrotation.tt | 12 +- .../prog/en/modules/tools/tools-home.tt | 17 +- .../prog/en/modules/tools/upload-images.tt | 20 +- .../prog/en/modules/tools/upload.tt | 40 +- .../prog/en/modules/tools/viewlog.tt | 20 +- .../virtualshelves/addbybiblionumber.tt | 2 +- .../modules/virtualshelves/sendshelfform.tt | 23 +- .../prog/en/modules/virtualshelves/shelves.tt | 100 +- .../intranet-tmpl/prog/img/UIKit/arrow.svg | 9 + .../intranet-tmpl/prog/img/UIKit/cart.svg | 25 + .../prog/img/UIKit/check-green.svg | 12 + .../prog/img/UIKit/cross-green.svg | 16 + .../intranet-tmpl/prog/img/UIKit/cross.svg | 20 + .../prog/img/UIKit/end-green.svg | 17 + .../prog/img/UIKit/home-green.svg | 12 + .../intranet-tmpl/prog/img/UIKit/home.svg | 12 + .../prog/img/UIKit/next-green.svg | 13 + .../prog/img/UIKit/picto-koha.svg | 19 + .../intranet-tmpl/prog/img/UIKit/setting.svg | 27 + 392 files changed, 11601 insertions(+), 5444 deletions(-) create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/arrow.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/cart.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/check-green.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/cross-green.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/cross.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/end-green.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/home-green.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/home.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/next-green.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/picto-koha.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/UIKit/setting.svg diff --git a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css b/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css index c84f399ab7..4c4ef32b66 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css +++ b/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css @@ -6,8 +6,7 @@ div#toolbar { border: 0; } -#addbibliotabs .ui-tabs-nav, -#authoritytabs .ui-tabs-nav { +#addbibliotabs .ui-tabs-nav { display: none; } @@ -223,10 +222,6 @@ a.tagnum { width: 31em; } -#cat_addbiblio .field_marceditor .flatpickr_wrapper { - display: none; -} - .mandatory_marker { color: red; } @@ -277,6 +272,7 @@ tbody tr.active td { .toolbar-tabs-container { margin: 3em -5px -5px -5px; + width: -webkit-fill-available; } .toolbar-tabs { @@ -299,30 +295,34 @@ tbody tr.active td { } .toolbar-tabs li a { - border: 1px solid #EDF4F6; + border: 1px solid #71B443; border-left: 0; - border-right: 1px solid #EDF4F6; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; + background-color: #71B443; + border-right: 1px solid #71B443; + border-radius: 5px; + margin: 5px; + /* border-bottom-left-radius: 5px; */ display: block; + color: #fff; font-weight: bold; padding: .3em 1.5em; width: 100%; } .toolbar-tabs li.selected a { - background-color: #EDF4F6; - border-right: 1px solid #C3D6DB; - border-bottom: 1px solid #C3D6DB; + background-color: #418940; + border-right: 1px solid #418940; + border-bottom: 1px solid #418940; font-weight: bold; } .toolbar-tabs li.selected a:hover { - background-color: #EDF4F6; + background-color: #418940; } .toolbar-tabs li a:hover { - background-color: #F4F8F9; + background-color: #418940; + text-decoration: none; } .toolbar-tabs li:first-child a { diff --git a/koha-tmpl/intranet-tmpl/prog/css/login.css b/koha-tmpl/intranet-tmpl/prog/css/login.css index 1a8c06a3a3..8a5201a430 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/login.css +++ b/koha-tmpl/intranet-tmpl/prog/css/login.css @@ -20,7 +20,7 @@ a:hover { } body { - background: #f5f5f5; + background: #f3f4f4; } form, label input { @@ -42,7 +42,8 @@ label { #login { background: #fff; - border: 1px solid #a2a2a2; + border: none; + box-shadow: 8px 8px 12px rgb(170 170 170); margin: 4em auto; padding: 1.5em; position : relative; @@ -107,6 +108,14 @@ label { #login #submit-button, #login .button { font-size: 1.4em; padding : .3em .6em; + background: rgba(254, 195, 44, 1); + border: none; + color: #000; +} + +#login #submit-button:hover, #login #submit-button:focus, #login #submit-button:active{ + background: rgba(254, 195, 44, 0.7) !important; + border: none; } #login #onerror_actions { @@ -145,7 +154,7 @@ label { } .submit input:active, .button:active { - background: #f4f4f4; + background: #fff; border: 1px solid #999; border-left-color: #999; border-top-color: #999; @@ -155,8 +164,9 @@ label { text-align: right; } + textarea, input, select { - background: #f4f4f4; + background: #fff; border: 1px solid #b2b2b2; color: #000; font: 13px Verdana, Arial, Helvetica, sans-serif; diff --git a/koha-tmpl/intranet-tmpl/prog/css/mainpage.css b/koha-tmpl/intranet-tmpl/prog/css/mainpage.css index a2e6cdc9c1..cc850bb3ee 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/mainpage.css +++ b/koha-tmpl/intranet-tmpl/prog/css/mainpage.css @@ -13,9 +13,9 @@ #container-main { /* Contains the news + both columns of links + pending box + userblock box */ - background-image:url('../img/background_koha_logo.png'); - background-repeat:no-repeat; - background-position:left top; + /*background-image:url('../img/background_koha_logo.png');*/ + /*background-repeat:no-repeat;*/ + /*background-position:left top;*/ padding: 1em 0; } diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss index 34d1ce6ffe..5d7baac93b 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/_flatpickr.scss @@ -945,7 +945,13 @@ span.flatpickr-weekday { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='#369' class='bi bi-calendar3'%3E%3Cg stroke-width='1.333'%3E%3Cpath d='M10.5 0h-9A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 10.5 0zM.75 2.893c0-.355.336-.643.75-.643h9c.414 0 .75.288.75.643v7.714c0 .355-.336.643-.75.643h-9c-.414 0-.75-.288-.75-.643z'/%3E%3Cpath d='M4.875 5.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zM2.625 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm-6.75 2.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z'/%3E%3C/g%3E%3C/svg%3E"); border-style: inset; border-width: 1px; - padding: 3px 3px 3px 20px; + padding: 5px; + font-style: italic; + + font-size: 90%; + vertical-align: middle; + width: 225px; + height: 25px; &:focus { border-radius: 0; diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss index 6f483a9e30..abf322c520 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss @@ -1,6 +1,6 @@ table { border-collapse: collapse; - border-right: 1px solid $table-border-color; + //border-right: 1px solid $table-border-color; border-top: 1px solid $table-border-color; .btn-group { @@ -70,6 +70,10 @@ table { &.dataTable { border-collapse: collapse; + border: none; + margin-top: .5em; + margin-bottom: .5em; + tfoot { td, @@ -79,15 +83,21 @@ table { } thead { + + th, td { - border-bottom: 1px solid $table-border-color; - border-left: 1px solid $table-border-color; + //border-bottom: 1px solid $table-border-color; + border-top: none; + border-left: none; + border-right: none; + border: none; padding: .5em; } tr { + background-color: #fff; &.columnFilter { th { padding: 0; @@ -95,9 +105,9 @@ table { } } - .sorting_asc { - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+") no-repeat scroll right center $table-header-background; - padding-right: 19px; + .sorting_asc { + //background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+") no-repeat scroll right center $table-header-background; + //padding-right: 19px; &.fixed_sort { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=") no-repeat scroll right center $table-header-background; @@ -107,7 +117,7 @@ table { .sorting_desc { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=") no-repeat scroll right center $table-header-background; - padding-right: 19px; + //padding-right: 19px; &.fixed_sort { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; @@ -116,17 +126,33 @@ table { } .sorting { - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; - padding-right: 19px; + //background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; + //padding-right: 19px; } } tbody { + border-top: 2px solid #A19B9E; + td { padding: .5em; + border: none; } - } + .dropdown-menu{ + background-color: #F3F4F4; + + a{ + color: #000; + + &:hover, + &:focus{ + background-image: none; + background-color: #F3F4F4; + } + } + } + } } /* Row grouping */ @@ -154,14 +180,15 @@ table { td, th { - border-bottom: 1px solid $table-border-color; - border-left: 1px solid $table-border-color; - padding: .2em .3em; + //border-bottom: 1px solid $table-border-color; + //border-left: 1px solid $table-border-color; + padding: .2em .9em; } td { background-color: #FFFFFF; vertical-align: top; + text-align: center; &.actions { white-space: nowrap; @@ -197,7 +224,6 @@ td { th { - background-color: $table-header-background; font-weight: bold; text-align: center; @@ -354,25 +380,47 @@ caption { tbody { tr { + &:nth-child(odd):not(.dtrg-group) { td { - border-right: 1px solid $table-border-color; + //border-right: 1px solid $table-border-color; + border: none; } } &:nth-child(odd):not(.dtrg-group):not(.active) { td { &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) { background-color: $table-odd-row; + margin: 1em; } } } } + .dropdown-menu{ + + background-color: #fff; + color: #000; + top: 100%; + + a{ + color: #000; + + &:hover, + &:focus{ + background-image: none; + background-color: #fff; + color: #000; + padding: 3px 20px; + text-decoration: underline; + } + } + } } .dataTables_wrapper { .dataTables_processing { background-color: #F4F8F9; - border: 2px solid #82B4BE; + border: 2px solid #538200; border-radius: 3px; box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .2); color: #333; @@ -419,43 +467,32 @@ tbody { } .paginate_button { - color: #004D99 !important; padding-bottom: 0; padding-top: 0; + + &.current, &:hover, &:active { - background: #FFC none; - border: 1px solid transparent; - box-shadow: none; - color: #222BAC !important; - } - - &.current { - background: #E6FCB7 none; - border: 0; - color: #666; + //background: #E6FCB7 none; + //border: 0; + border-radius: 4px; + color: #666 !important; font-weight: bold; - - &:hover, - &:active { - background: #E6FCB7 none; - border: 0; - box-shadow: none; - color: #666; - cursor: default; - } + background: #fff; } &.first, &.previous, &.next, &.last { + padding: 0; + &::before, &::after { display: inline-block; font-family: FontAwesome; - width: 1em; + //width: 1em; } } @@ -464,21 +501,18 @@ tbody { &::before { content: "\f100"; - padding-right: .5em; } } &.previous { &::before { content: "\f104"; - padding-right: .5em; } } &.next { &::after { content: "\f105"; - padding-left: .5em; } } @@ -487,7 +521,6 @@ tbody { &::after { content: "\f101"; - padding-left: .5em; } } } @@ -498,13 +531,23 @@ tbody { font-size: 90%; &.top { - border-top: 1px solid $table-border-color; - padding-top: 1em; + //border-top: 1px solid $table-border-color; + padding: 1em 0; + margin-top: 1em; + margin-bottom: 17px; } &.bottom { - border-bottom: 1px solid $table-border-color; + //border-bottom: 1px solid $table-border-color; padding-bottom: 1em; + display: none; + } + + div{ + &.dt-buttons { + position: relative; + float: right; + } } button, @@ -513,11 +556,13 @@ tbody { &.dt-button { background: transparent none; border: 0; - color: #000; + color: #696969; font-size: 1em; line-height: 1.7em; margin: 3px 3px 0; padding: 0 .5em; + position: relative; + float: right; &::before { content: ''; diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/calendar.scss b/koha-tmpl/intranet-tmpl/prog/css/src/calendar.scss index fdf972ea51..2f160e06ec 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/calendar.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/calendar.scss @@ -94,13 +94,26 @@ $selected: #B9DB88; } .panel { - border: 1px solid #B9D8D9; - border-radius: 4px; - box-shadow: none; - padding: 0; + //border: 1px solid #B9D8D9; + //border-radius: 4px; + //box-shadow: none; + //padding: 0; display: none; - margin: 1em 0; + //margin: 1em 0; z-index: 1; + + + height: 100%; + width: 100%; + background-color: #FFF; + position: relative; + color: #696969; + left: 0px; + top: 0px; + margin: 0em 1em 1em 0em; + padding: 1em; + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + //display: inline-block; } fieldset.brief { @@ -140,7 +153,7 @@ fieldset.brief li.radio { .flatpickr-calendar { border-radius: 0; - border: 1px solid #B9D8D9; + border: 1px solid #71B344; box-shadow: none; } diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss index 0afb6c768a..7cb12ce6f4 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -3,31 +3,32 @@ @import "flatpickr"; ::selection { - background: #538200; - color: #FFFFFF; + background: #418940; + color: #fff; } a { &:link, &:visited { - color: #004D99; + color: #000; text-decoration: none; } &:hover, &:active { - color: #538200; - text-decoration: none; + color: #000; + text-decoration: underline; } &:hover { .term { - color: #FF9090; + color: #000; + text-decoration: underline; } } &.authlink { - background-color: #e6f0f2; + background-color: #e3f1df; border-radius: 5px; display: inline-block; padding: 2px 4px; @@ -36,23 +37,76 @@ a { &.btn { &:link, &:visited { - color: #333333; + //color: #71B443; + // padding: 6px 25px; } &.btn-link { &:link, &:visited { - color: #004D99; + color: #71B443; } &:hover { - color: #538200; + text-decoration: underline; + font-weight: bold; } } + + } + + &.lientype{ + color: #71B443; + padding: .3em; + border: none; + background-color: transparent; + border: none; + box-shadow: none; + font-size: 100%; + + &:hover, &:focus, &:active, &:active:hover, &:active:focus{ + text-decoration: underline; + color: #71B443; + padding: .3em; + border: none; + background-color: transparent; + border: none; + box-shadow: none; + font-size: 100%; + } } &.cancel { - padding-left: 1em; + + background-color: transparent; + color: #696969; + border: #696969 double 1px; + margin: 5px; + + //font-family: $font-main; + font-family: 'Poppins', sans-serif; + //box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%); + display: inline-block; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + width: 90px; + cursor: pointer; + background-image: none; + padding: 6px 12px; + font-size: 12px; + line-height: 1.42857143; + border-radius: 4px; + user-select: none; + + &:hover{ + font-weight: bold; + background-color: #f1f1f1; + border: #696969 double 1px; + text-decoration: none; + } } &.cartRemove { @@ -63,17 +117,19 @@ a { } &.clear_date { - color: #C33; + color: #418940; font-size: 130%; + vertical-align: middle; &:hover { - color: #FF9090; + color: #71B443; + text-decoration: none; } } &.close { &:hover { - color: #538200; + //color: #418940; } } @@ -138,21 +194,112 @@ a { background-image: url("../img/famfamfam/silk/page_white_code.png"); } + &.pat{ + font-family: 'Poppins', sans-serif; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + background-image: none; + padding: 6px 12px; + font-size: 12px; + //line-height: 1.42857143; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 105%; + background-color: transparent; + border: none; + display: inline-block; + margin: 5px 10px; + color: #696969; + + &:hover{ + text-decoration: none; + } + + &:active{ + border: none; + } + } } + + +#resetZ3950Search{ + font-size: 110%; + color: #71B443; +} + +#plus{ + color: #71B443; + background-color: transparent; + + display: block; + position: absolute; + right: 45px; + bottom: 10px; + line-height: 15px; + + &:hover{ + text-decoration: none; + color:#71B443; + background-color: transparent; + } +} + a.ctrl_link { display: inline-block; padding-right: 1rem; } - + aside { h5 { font-size: 100%; margin: .5em 0; } + .radio, .checkbox { + margin: 0; + } + + p{ + margin: 0; + } + fieldset { &.brief { - padding: .4em .7em; + padding: 1.4em 1.7em; + //height: auto; + width: 100%; + left: 0px; + + overflow: auto; + //white-space: nowrap; + height: auto; + max-height: 500px; + + + &::-webkit-scrollbar { + width: 12px; + } + + &::-webkit-scrollbar-track { + background: #eeeeee; + //border-color: #696969; + //border-radius: 20px; + + } + + &::-webkit-scrollbar-thumb { + background: #696969; + border-radius: 20px; + border: 3px solid #eeeeee; + } button + button, input + input { @@ -168,6 +315,7 @@ aside { legend { font-size: 95%; margin: 0; + border-bottom: none; } &.action { @@ -182,6 +330,7 @@ aside { label { margin: .5em 0 0 0; + border-top : 1px inset #999999; } li { @@ -205,7 +354,7 @@ aside { } &.radio { - padding: .7em 0; + padding: .3em 0; input { padding: .3em 0; @@ -246,8 +395,104 @@ aside { } } +div { + display: block; + + &.menuspe{ + display: inline; + //align-items: center; + //justify-content: center; + } + + + &.menuspebas{ + ///display: inline; + display: flex; + //-webkit-box-align: center; + //-ms-flex-align: center; + align-items: center; + //-webkit-box-pack: center; + //-ms-flex-pack: center; + justify-content: center; + } + + &.vert{ + display: block; + float: right; + top: 0px; + right: 0; + position: absolute; + width: 160px; + margin-right: 100px; + + li{ + list-style-type: none; + height: 150px; + margin-right: auto; + margin-left: auto; + } + } + + &.bas{ + background: transparent url(../img/koha-logo-medium.png) no-repeat center; + width: 150px; + background-size: 70%; + height: 50px; + margin: 25px; + // position: inherit; + bottom: 0px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + position: fixed; + //right: 0; + //left: 0; + z-index: 1030; + + a{ + width: 100%; + height: 100%; + } + } + + /* &.plus{ + display: block; + background-color: #352C2E; + padding: 10px; + border-radius: 4px; + padding: 10px; + border-radius: 4px; + position: absolute; + text-align: center; + right: 0px; + bottom: -80px; + + label{ + color: #fff; + font-weight: bold; + } + }*/ +} + +#filters{ + width: 100%; + display: block; + position: absolute; + left: 0px; + height: 500px; +} + +#filtres{ + width: 100%; + display: block; + position: absolute; + left: 0px; + height: 500px; +} + button { - @include default-button; + //@include default-button; &:active { border: 1px inset #999999; @@ -265,6 +510,14 @@ button { } } +#add_to_patron_list_submit{ + color: #71B443; + + &:hover{ + border: none; + } +} + main { &::after { clear: both; @@ -274,11 +527,13 @@ main { } body { - font-family: $font-main; + //font-family: $font-main; + font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 1.22; padding: 0 0 4em; text-align: left; + background-color: #F3F4F4; &.nobackdrop { .modal-backdrop { @@ -356,13 +611,15 @@ h1 { } h2 { - font-size: 146.5%; + font-size: 150%; font-weight: bold; + color: #696969; } h3 { font-size: 131%; font-weight: bold; + color: #696969; } h4 { @@ -372,7 +629,7 @@ h4 { h5 { font-size: 100%; - font-weight: bold; + //font-weight: bold; } h6 { @@ -380,13 +637,25 @@ h6 { font-weight: bold; } +h7 { + font-size: 93%; + font-weight: bold; + text-align: center; + //padding: 5px; + position: relative; + left: 0px; + bottom: 0px; +} + + h1, h2, h3, h4, h5, -h6 { - margin: .3em 0; +h6, +h7 { + margin: .5em 0; } hr { @@ -395,7 +664,72 @@ hr { } p { - margin: .5em 0; + margin: .7em 0; + + &.plus{ + background-color: #352C2E; + height: 100% !important; + top: 30px; + border-bottom-left-radius: 17px; + border-bottom-right-radius: 17px; + + input{ + outline-offset: 0px; + outline: 1px black; + float: right; + height: 30px; + border-radius: 17px; + padding-left: 2em; + padding-right: 1.5em; + border: none; + margin-left: 0px; + position: absolute; + top: -5px; + right: 30px; + z-index: 100; + display: inline-block !important; + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; + text-align: start; + cursor: text; + font: 400 13.3333px Arial; + } + } + + &.plusdessous{ + background-color: #352C2E; + height: auto !important; + padding: 0 5px 10px 5px; + top: 30px; + border-bottom-left-radius: 17px; + border-bottom-right-radius: 17px; + + input{ + outline-offset: 0px; + outline: 1px black; + height: 20px; + border-radius: 17px; + padding-left: 2em; + padding-right: 1.5em; + border: none; + margin-top: 5px; + margin-left: 0px; + width: 100%; + z-index: 100; + display: inline-block !important; + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; + text-align: start; + cursor: text; + font: 400 13.3333px Arial; + } + } } strong { @@ -420,7 +754,7 @@ cite { input, textarea { &:focus { - border-color: #538200; + border-color: #418940; border-radius: 4px; } } @@ -434,15 +768,46 @@ input { &[type="submit"], &[type="button"] { - &:active { - border: 1px inset #999999; - } + border: none; + background-color: #FEC32C; + color: #000; + //font-family: $font-main; + font-family: 'Poppins', sans-serif; + text-shadow: 0 1px 0 #fff; + //box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%); + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + min-width: 90px; + width: auto; + cursor: pointer; + background-image: none; + padding: 6px 12px; + font-size: 12px; + line-height: 1.42857143; + border-radius: 4px; + user-select: none; } &[type="submit"], &[type="reset"], &[type="button"] { - @include default-button; + border-radius: 4px; + border-width: 1px; + color: #333333; + display: inline-block; + font-size: inherit; + line-height: 1.42857143; + //padding: .3em .8em; + margin: 5px; + text-align: center; + text-shadow: 0 1px 0 #fff; + vertical-align: middle; + white-space: nowrap; &:active { border: 1px inset #999999; @@ -471,6 +836,8 @@ input { border-color: #900; } + +//a suppr label, .label { color: #000; @@ -517,24 +884,273 @@ label, padding-top: 10px; } +.col-sm-3 { + width: 25%; +} + +.col-sm-6 { + width: 100%; +} + +#area-news{ + background-color: #FFF; + color: #696969; + margin: 0em 0em 1em 0em; + display: block; + padding: 1em; + + h3{ + background-color: #fff; + } +} + +.col-sm-9 { + width: 75%; +} + + +.biglinks-list{ + padding: 0px; + margin: 10px 30px; + align-items: center; + height: 150px; + + li{ + list-style-type: none; + display: flex; + float: left; + text-align: center; + margin-bottom: 5px; + padding: 10px; + //display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + width: 200px; + height: 150px; + margin-right: auto; + margin-left: auto; + } +} + +.accueil{ + text-align: center; + //display: block; + text-decoration: none; + font-family: verdana, arial; + + h1 { + font-size: 150%; + font-weight: normal; + } + + i{ + text-align: center; + //max-height: 100%; + //max-width: 100%; + color: #fff; + border: solid 3px #71B443; + border-radius: 50%; + background-color: #71B443; + width: 40px; + height: 40px; + margin-bottom: 5px; + margin-left: auto; + margin-right: auto; + padding: 5px; + align-items: center; + justify-content: center; + -webkit-box-sizing: content-box; + box-sizing: content-box; + //font-weight: bold; + //font-size: large; + display: flex; + + } + + &:hover{ + color: #418940; + //border-color: #418940; + text-decoration: none; + //font-weight: bold; + + i{ + background-color: #418940; + border-color: #418940; + } + + } +} + +#reglages{ + i, img{ + text-align: center; + //max-height: 100%; + //max-width: 100%; + color: #71B443; + border: solid 3px #71B443; + border-radius: 50%; + background-color: transparent; + width: 40px; + height: 40px; + margin-bottom: 5px; + margin-left: auto; + margin-right: auto; + padding: 5px; + align-items: center; + justify-content: center; + -webkit-box-sizing: content-box; + box-sizing: content-box; + //font-weight: bold; + //font-size: large; + display: flex; + + } + + &:hover{ + color: #418940; + //border-color: #418940; + text-decoration: none; + font-weight: bold; + + i, img{ + border-color: #418940; + color: #418940; + } + + } + + img{ + max-width: 30px; + height: auto; + padding: 10px; + } +} + + + #navmenulist { - li { - border-bottom: 1px solid #EEE; - list-style: $nav-menu-bullet; - padding: .2em 0; + background-color: #e6e6e6; + width: 100%; + overflow: auto; + //white-space: nowrap; + display: block; + position: absolute; + left: 0px; + max-height: 700px; + height: auto; - a { - text-decoration: none; + &::-webkit-scrollbar { + width: 12px; + } + + &::-webkit-scrollbar-track { + background: #eeeeee; + //border-color: #696969; + //border-radius: 20px; + + } + + &::-webkit-scrollbar-thumb { + background: #696969; + border-radius: 20px; + border: 3px solid #eeeeee; + } - &.current { - font-weight: bold; + + + + ul { + margin-bottom: 8.5px; + margin-left: 0; + margin-right: 0; + padding-left: 0px; + // position: relative; + // top: 30px; + + h5{ + padding-left: 0.5em; + padding-bottom: 0.5em; + font-size: 120%; + margin-top: 15px; + margin-left: 0; + margin-right: 0; + margin-bottom: 5px; + color: #696969; + + border-bottom: 1px solid #696969; + //position: absolute; + //top: 0px; + } + + &.sousmenu{ + margin-bottom: 13px; + margin-left: 0; + margin-right: 0; + padding-left: 0px; + position: relative; + top: 0px; + + li{ + a{ + font-size: 75%; + } + } + } + + li { + //border-bottom: 1px solid #352C2E; + list-style: $nav-menu-bullet; + list-style: none; + //padding: .2em 0; + //background-color: #a8a8a8; + //position: block; + //position: absolute; + left: 0px; + flex-direction: row; + width: 100%; + height: auto; + + a { + //text-decoration: none; + color: #000; + width: 100%; + display: block; + //margin: .5em 0; + //padding: .4em .3em; + text-decoration: none; + padding: 0.5em 0.3em 0.5em 1.2em; + + &.current, &:hover { + background-color: #F3F4F4; + color: #418940; + border-left: solid 5px #418940; + font-weight: bold; + } + + &.titre{ + width: 100%; + font-size: 146.5%; + font-weight: bold; + text-align: center; + color: #000; + + &:hover, &.current{ + background-color: #e6e6e6; + color: #000; + border-left: none; + font-weight: bold; + } + } } } } } + .main { margin-bottom: $language-footer-min-height * 1.5; + //display: block; margin-top: 1em; } @@ -546,9 +1162,10 @@ label, ul { padding-left: 1.1em; + //height: 50px; li { - list-style-type: disc; + list-style-type: none; input { &.submit { @@ -566,7 +1183,8 @@ ul { padding-left: 0; button { - font-family: $font-main; + //font-family: $font-main; + font-family: 'Poppins', sans-serif; padding-bottom: 2px; } @@ -576,6 +1194,13 @@ ul { } } + &.nav-tabs { + border-bottom: 1px solid transparent; + padding: .2em 1.4em 0 1.4em; + } + + + &.budget_hierarchy { margin-left: 0; padding-left: 0; @@ -628,13 +1253,6 @@ ol { } } - -.gradient { - background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%); - align-items: flex-start; - display: flex; -} - .cart-controls { border-top: 1px solid #E8E8E8; padding: 7px 0; @@ -653,6 +1271,9 @@ ol { font-weight: bold; } + + + .strong { font-weight: bold; } @@ -663,10 +1284,16 @@ ol { } fieldset { - background-color: #F4F8F9; - border: 2px solid #B9D8D9; - border-radius: 5px; - margin: 1em 1em 1em 0; + //overflow: auto; + background-color: #FFF; + position: relative; + color: #696969; + left: 0px; + top: 0px; + //border: 2px solid #bfd9b9; + //border-radius: 5px; + margin: 0em 1em 1em 0em; + //display: block; padding: 1em; + fieldset { @@ -684,7 +1311,7 @@ fieldset { } .standard { - background-color:#f4f8f9 !important; + background-color:#F4F8F9 !important; } .contrast { @@ -701,8 +1328,17 @@ fieldset { width: auto; } + &.briefgr { + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + display: inline-block; + } + + &.brief { - border: 2px solid #B9D8D9; + //border: 2px solid #bfd9b9; + width: 50%; + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + overflow: visible; div { &.hint { @@ -711,7 +1347,7 @@ fieldset { } label { - display: block; + //display: block; font-weight: bold; padding: .3em 0; @@ -752,6 +1388,7 @@ fieldset { ol, li { list-style-type: none; + //margin-bottom: 1.9em; } span { @@ -768,14 +1405,19 @@ fieldset { } } + ol{ + li{ + list-style-type: none; + padding: .3em 0; + } + } + &.rows { - border: 2px solid #B9D8D9; - border-width: 1px; + border: none; + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); clear: left; float: left; font-size: 90%; - margin: .9em 0 0; - padding: 0; width: 100%; fieldset { @@ -849,7 +1491,8 @@ fieldset { font-weight: bold; margin-right: 1rem; text-align: right; - width: 9rem; + width: auto; + min-width: 9rem; &.error { float: none; @@ -916,7 +1559,7 @@ fieldset { } fieldset { - margin-left: 10em; + //margin-left: 10em; label { width: 6em; @@ -1033,6 +1676,15 @@ fieldset { margin: 1em; } } + +} + +#select-libs{ + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); +} + +#searchterms{ + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); } #multi_receiving { @@ -1045,16 +1697,18 @@ fieldset { } } + +/* legend { background-color: #FFFFFF; - border: 2px solid #B9D8D9; + border: 2px solid #bfd9b9; border-radius: 3px; font-size: 123.1%; font-weight: bold; margin-bottom: 0; padding: .2em .5em; width: auto; -} +}*/ details { > summary { @@ -1093,7 +1747,7 @@ details[open] { } #breadcrumbs { - background-color: #E6F0F2; + background-color: transparent;//derrière la maison clear: both; margin: 0; padding: .8em .5em .8em 10px; @@ -1128,6 +1782,7 @@ div { .renew_formfield { margin-bottom: 1em; + //itemtype } .circmessage { @@ -1183,7 +1838,7 @@ div { &.rule { background-color: #F4F8F9; - border: 2px solid #B9D8D9; + border: 2px solid #bfd9b9; border-radius: 5px; margin: .3em; padding: .3em; @@ -1316,12 +1971,34 @@ div { } .browse { - margin: .5em 0; + margin: .5em 50px; + font-weight: bold; + + a{ + color: #71B443; + font-weight: normal; + + &:hover, &:active{ + font-weight: bold; + color: #418940; + } + } } } + +/* #header_search { - background-position: .5em .5em; + //position : relative; + //right : - 500px; + //top: -45px; + //line-height: 40px; + //width: 500px; + padding: 0px 50px; + border-radius: 28px; + background-color: #71B443; + height: 2.2em; + background-position: .2em .5em; background-repeat: no-repeat; float: left; margin: .3em 0 .5em; @@ -1330,13 +2007,16 @@ div { &[type="submit"] { border-radius: 3px; padding: .2em .8em; + position: relative; + right: .2em; + } } div { &.residentsearch { border: 0; - border-bottom: 1px solid #85CA11; + //border-bottom: 1px solid #85CA11; padding: 0 0 .2em; } } @@ -1345,12 +2025,29 @@ div { &.ui-tabs-nav { margin-left: 1em; padding-top: 0; + li { + &.ui-state-default { - background: transparent none; - border: 0; + //background: transparent none; + //border: 0; + //top: 0; + + //position: absolute; + // line-height: 40px; top: 0; + left: 0; + display: flex; + justify-content: space-around; + align-items: center; + color: white; + box-shadow: 0px 0px 3px 0px #0000004d; + + //padding: 10px 20px; + border-radius: 28px; + background: #71B443; + height: 1.5em; a { padding: .3em .6em; @@ -1394,13 +2091,40 @@ div { .head-searchbox { font-size: 1.3em; - width: 30em; + //width: 30em; + + //min-height: 2.5em; + border-radius: 17px; + padding-left: 1.5em; + border: none; + margin-left: 0px; + transition: 0.5s; + + //-webkit-writing-mode: horizontal-tb !important; + text-rendering: auto; + //color: -internal-light-dark(black, white); + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + text-indent: 10px; + text-shadow: none; + display: inline-block; + text-align: start; + appearance: auto; + //background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59)); + -webkit-rtl-ordering: logical; + cursor: text; + margin: 0em; + font: 400 13.3333px Arial; + padding: 1px 2px; } } +*/ + #reserves, #checkouts { - border: 1px solid #B9D8D9; + //border-top: 3px solid #418940; padding: 1em; } @@ -1433,21 +2157,139 @@ dd { #toolbar, .btn-toolbar { - background-color: #EDF4F6; - border: 1px solid #E6F0F2; + background-color: #f3F4F4; + border: none; border-radius: 5px 5px 0 0; margin: 0; padding: 5px; + //height: 50px; + display: block; - .dropdown-menu { - border-top-width: 1px; - font-size: 13px; + div{ + display: inline-block; + position: relative; + float: right; + height: 100%; + // padding: 0.3em; + + .dropdown-menu { + /*border-top-width: 1px; + font-size: 13px; + background-color: #F3F4F4; + border: none; + box-shadow: none; + position: absolute;*/ + //right: 10px; + //top: 30px; + + border-top-width: 1px; + text-align: center; + padding: 0; + width: auto; + font-size: 12px; + line-height: 1.42857143; + border-radius: 0px; + border: 0.5px solid lightgray; + font-size: 100%; + background-color: #fff; + margin: 5px 0 0 0; + box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5); + position: absolute; + text-decoration: none; + top: 30px; + + + left: auto; + right: 0; + + a{ + //color: #696969; + //float: right; + //padding: .2em .5em; + //border-bottom: 1px solid #000; + color: #000; + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + white-space: nowrap; + border-bottom: none; + float: left; + + &:hover, + &:focus{ + //text-decoration: none; + //background-color: #F3F4F4; + //background-image: none; + //font-weight: bold; + //border: 1px solid #696969; + //border-radius: 4px; + + + + text-decoration: none; + font-weight: bold; + background-color: #fff; + background-image: none; + + } + } + } + + #up{ + display: table; + } + + #down{ + display: table; + } + + #patdrop{ + border-top-width: 1px; + text-align: center; + padding: 0; + width: auto; + font-size: 12px; + line-height: 1.42857143; + border-radius: 0px; + border: 0.5px solid lightgray; + font-size: 100%; + background-color: #fff; + margin: 0; + box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5); + position: absolute; + text-decoration: none; + top: 30px; + left: -20px; + right: auto; + + a{ + color: #000; + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + white-space: nowrap; + border-bottom: none; + float: left; + + &:hover{ + font-weight: bold; + background-color: #fff; + } + } + + } } &.floating { border-radius: 0; margin-top: 0; z-index: 300; + left: auto !important; + width: 851px; } a.addtocart { @@ -1469,6 +2311,15 @@ dd { } } +.btn-toolbar-pat{ + border: none; + background-color: transparent; + position: relative; + right: 0px; + height: 50px; + line-height: 25px; +} + #disabled { a { color: #999; @@ -1487,31 +2338,47 @@ dd { .patroninfo { - margin-top: -.5em; + //margin-top: -.5em; + margin-right: .5em; + //padding-bottom: 2em; + padding-top: 1em; + background-color: #e6e6e6; + //position: absolute; + left: -10px; + width: 100%; + padding-bottom: 25px; h5 { - border-right: 1px solid #B9D8D9; + //border-right: 1px solid #bfd9b9; margin-bottom: 0; - padding-bottom: .5em; - padding-left: 0em; - padding-top: .5em; + padding: .5em .9em; + font-weight: bold; + color: #000; &:empty { border-right: 0; } + + li{ + &.patrondateofbirth{ + font-size: 75%; + font-weight: normal; + list-style-type: none; + //display: table; + text-align: center; + } + } } ul { border: 0; - border-bottom: 0; - border-right: 1px solid #B9D8D9; - border-top: 0; margin: 0; - padding: 0; + padding: 0 .9em; li { list-style-type: none; margin: 0; + } } @@ -1520,13 +2387,13 @@ dd { } > div { - border-right: 1px solid #B9D8D9; + //border-right: 1px solid #bfd9b9; width: 100%; } &.is-staff { h5 { - background-color: #EEE; + //background-color: #EEE; } } } @@ -1541,7 +2408,7 @@ dd { } .patroninfo-heading { - background-color: rgba(237, 244, 246, .4); + // background-color: rgba(237, 244, 246, .4); padding: .5em; margin-bottom: .3em; clear: both; @@ -1623,15 +2490,31 @@ dd { } .dropdown-menu { + position: absolute; + top: 50px; + background-color: #F3F4F4; li { list-style-type: none; + + a{ + color: #000; + + &:hover{ + background-color: #F3F4F4; + color: #000; + text-decoration: underline; + background-image: none; + } + } } + } .btn-toolbar { fieldset { &.action { margin-top: 0; + float: left; } } @@ -1717,7 +2600,7 @@ i { } &.success { - color: #008000; + color: #418940; } &.warn { @@ -1727,7 +2610,8 @@ i { .circ-setting { font-size: 85%; - padding-top: .3em; + padding-top: .9em; + padding-bottom: .9em; input { vertical-align: middle; @@ -1740,9 +2624,9 @@ i { } .circ-settings { - background-color: #F4F8F9; + //background-color: #F4F8F9; border-radius: 0; - border-top: 2px solid #B9D8D9; + //border-top: 2px solid #bfd9b9; display: none; margin-left: -1em; margin-right: -1em; @@ -1752,6 +2636,26 @@ i { #show-circ-settings { margin-top: .5em; + display: inline; + background: transparent url("../img/UIKit/setting.svg") no-repeat scroll 0%; + background-size: 100%; + position: relative; + margin: 3px; + align-items: center; + right: 25px; + opacity: 0.3; + + &:hover{ + opacity: 1; + } + + a{ + width: 100%; + + &:hover{ + text-decoration: none; + } + } } .checkin-active-setting { @@ -1759,6 +2663,7 @@ i { border-radius: 3px; box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5); margin: .5em; + width: fit-content; padding: .5em; } @@ -1796,7 +2701,7 @@ i { } .dialog { - border: 1px solid #BCBCBC; + //border: 1px solid #BCBCBC; border-radius: 2px; margin: 1em auto; padding: .5em; @@ -1838,9 +2743,9 @@ i { input { background-color: #FFFFFF; - border: 1px solid #BCBCBC; + //border: 1px solid #BCBCBC; margin: .4em; - padding: .4em .4em .4em 25px; + padding: .4em; &:hover { background-color: #FFC; @@ -1848,6 +2753,55 @@ i { &[type="submit"] { background: #FFF none; + + &.approve{ + background-color: #FEC32C; + color: #000; + text-shadow: 0 1px 0 #fff; + border: none; + background-image: none; + margin-top: 5px; + + &:hover, + &:active, + &:focus{ + background-color: #fec22c9f; + } + } + + &.deny{ + background-color: transparent; + color: #696969; + border: #696969 double 1px; + margin-top: 5px; + margin-left: 5px; + + //font-family: $font-main; + font-family: 'Poppins', sans-serif; + //box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%); + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + //width: 90px; + cursor: pointer; + background-image: none; + padding: 6px 12px; + font-size: 12px; + line-height: 1.42857143; + border-radius: 4px; + user-select: none; + + &:hover{ + font-weight: bold; + background-color: #f1f1f1; + border: #696969 double 1px; + text-decoration: none; + } + } } &.flatpickr-input { @@ -1879,9 +2833,13 @@ i { } &.message { - background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%); - border: 1px solid #BCBCBC; + //background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%); + //border: 1px solid #BCBCBC; + color: #000000; text-align: center; + background-color: transparent; + // box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + ul, h5 { @@ -1896,9 +2854,10 @@ i { &.alert, &.error { - background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); - border: 1px solid #E0C726; + //background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); + //border: 1px solid #E0C726; color: inherit; + background-color: #fff; text-align: center; text-shadow: none; @@ -1922,9 +2881,10 @@ i { .approve, .success { + background-color: #FEC32C; i { &.fa { - color: #008000; + color: #418940; } } } @@ -1974,7 +2934,7 @@ i { } #menu { - border-right: 1px solid #B9D8D9; + border-right: 1px solid #bfd9b9; margin-right: .5em; padding-bottom: 2em; padding-top: 1em; @@ -1982,7 +2942,7 @@ i { li { a { background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%); - border: 1px solid #B9D8D9; + border: 1px solid #bfd9b9; border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: block; @@ -2013,7 +2973,96 @@ i { &:hover { background-color: #FFFFFF; - color: #538200; + color: #418940; + } + } + } + } + + ul { + li { + list-style-type: none; + } + } +} + + + + /* a { + //text-decoration: none; + color: #000; + width: 100%; + display: block; + margin: .5em 0; + //padding: .4em .3em; + text-decoration: none; + padding: 0.5em 0.3em 0.5em 1.2em; + + + + &.current, &.hover { + background-color: #F3F4F4; + color: #418940; + border-left: solid 5px #418940; + font-weight: bold; + } + }*/ + + + + + + + + +#menu-side { + //border-right: 1px solid #B9D8D9; + margin-right: .5em; + padding-bottom: 2em; + padding-top: 1em; + background-color: #e6e6e6; + position: absolute; + left: 0px; + + li { + a { + display: block; + font-size: 111%; + margin: .5em 0; + margin-right: -1px; + padding: .4em .3em; + text-decoration: none; + + left: 0px; + color: #000; + display: block; + //margin: .5em 0; + //padding: .4em .3em; + //padding: 0.5em 0.3em 0.5em 1.2em; + //flex-direction: row; + //width: 100%; + //height: 2.1em; + + &:hover { + background-color: #F3F4F4; + color: #418940; + border-left: solid 5px #418940; + font-weight: bold; + } + } + + &.active { + a { + background-color: #F3F4F4; + color: #418940; + border-left: solid 5px #418940; + font-weight: bold; + + &:hover { + background-color: #F3F4F4; + color: #418940; + border-left: solid 5px #418940; + font-weight: bold; } } } @@ -2026,6 +3075,7 @@ i { } } + #closewindow { margin-top: 2em; text-align: center; @@ -2036,8 +3086,36 @@ i { } .barcode { - font-size: 200%; + font-size: 100%; + vertical-align: middle; + font-style: italic; + + //background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%; + //position: absolute;20px + //right : 0px; + //top: 0px; + width: 250px; + height: 30px; + //border: none; + padding-left: 5px; + padding-right: 30px; + border-radius: 0; +} + +.petit-barcode{ + background-repeat: no-repeat; + background-position: 3px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='#369' class='bi bi-calendar3'%3E%3Cg stroke-width='1.333'%3E%3Cpath d='M10.5 0h-9A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 10.5 0zM.75 2.893c0-.355.336-.643.75-.643h9c.414 0 .75.288.75.643v7.714c0 .355-.336.643-.75.643h-9c-.414 0-.75-.288-.75-.643z'/%3E%3Cpath d='M4.875 5.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zM2.625 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm-6.75 2.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z'/%3E%3C/g%3E%3C/svg%3E"); + border-style: inset; + border-width: 1px; + padding: 5px; + font-style: italic; + border-radius: 0; + + font-size: 90%; vertical-align: middle; + height: 25px; + margin-right: 5px; } li { @@ -2108,14 +3186,39 @@ li { } } +#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper{ + background-color: #fff; + margin-top: 20px; + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + padding: 20px; +} + #searchresults { + background-color: #fff; + margin-top: 20px; + min-width: 100%; + width: fit-content; + // overflow: auto; + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + padding: 20px; + + h3{ + padding-bottom: .7em; + margin: 0; + color: #696969; + } + td { + border: none; + ul { li { clear: left; font-size: 90%; list-style: url("../img/item-bullet.svg"); padding: .2em 0; + color: #000; + top: 100%; &.result_itype_image { list-style: none; @@ -2147,6 +3250,7 @@ li { table { td { vertical-align: top; + text-align: center; } } @@ -2172,15 +3276,40 @@ li { } } } + + .dropdown-menu { + //position: absolute; + //top: 50px; + background-color: #fff; + color: #000; + height: fit-content; + top: 100%; + + a{ + color: #000; + + &:hover{ + background-image: none; + color: #000; + text-decoration: underline; + background-color: #fff; + } + } + } } .searchheader { - background-color: #E6F0F2; - border: 1px solid #B9D8D9; - border-radius: 5px 5px 0 0; + background-color: transparent; + border: 1px solid #696969; + border-radius: 5px 5px 5px 5px; font-size: 80%; - margin: 0 0 .5em -1px; - padding: .4em 0 .4em 1em; + margin-top: .5em; + margin-bottom: .5em; + padding: 5px; + width: 100%; + //padding: .4em 1em .4em 1em; + color: #696969; + display: block; &.floating { border-radius: 0; @@ -2213,15 +3342,23 @@ li { } } +.mini-inp{ + height: 12px; + width: 30px; +} + + + #search-facets { - border: 1px solid #B9D8D9; - border-radius: 5px 5px 0 0; + //border: 3px solid #71B443; + //border-radius: 4px; h4 { - background-color: #E6F0F2; - border-bottom: 1px solid #B9D8D9; - border-radius: 5px 5px 0 0; + background-color: #71B443; + border-bottom: 1px solid #71B443; + border-radius: 4px 4px 0 0; font-size: 90%; + color: #fff; margin: 0; padding: .4em .2em; text-align: center; @@ -2231,6 +3368,10 @@ li { margin: 0; padding: .3em; + &.cadre{ + border: 3px solid #71B443; + } + li { font-weight: bold; list-style-type: none; @@ -2267,7 +3408,7 @@ li { } #biblio-cover-slider { - border: 1px solid #b9d8d9; + border: 1px solid #bfd9b9; border-radius: 3px; margin: 5px; padding: 10px 5px 5px 5px; @@ -2318,6 +3459,35 @@ td { } } +#lientype, #add, #merge-patrons, #btn_batchremove, #doedit, #show_invoice_adjustment, #cancel_invoice_adjustment, #show_active_vendors, #add-contact, #multi_hold_submit, #show-picture-upload, #edit_suggester, #expand_all, #collapse_all, #hide_inactive, #show_inactive, #addnewmessageLabel, #results_batch_ops, #highlight_toggle_off, #selectall, #clearall, #highlight_toggle_on, #addColumn, #remove_from_cart, #place_hold, #add_to_list, #batch_modify, #batch_delete, #delColumn, #edit_manager, #unset, #UncheckAll, #check-all, #results_batch_ops #uncheck-all, #frameworkactions, #authtypeactions, #modify_sru_fields, #cartsubmit, #add_manual_restriction{ + color: #71B443; + padding: .3em; + border: none; + background-color: transparent; + border: none; + box-shadow: none; + font-size: 100%; + + &:hover, &:active, &:focus, &:active:hover, &:active:focus{ + text-decoration: underline; + } +} + +.highlight_toggle{ + color: #71B443; + padding: .3em; + border: none; + background-color: transparent; + border: none; + box-shadow: none; + font-size: 100%; + + &:hover{ + text-decoration: underline; + } +} + + .cover-image { display: none; @@ -2346,6 +3516,7 @@ td { #CheckPending { font-weight: normal; margin: 0 .5em 0 0; + color: #71B443; } .lost, @@ -2461,10 +3632,10 @@ td { } #cartDetails { - background-color: #FFFFFF; - border: 1px solid #739ACF; + background-color: #352C2E; + //border: 1px solid #739ACF; box-shadow: 1px 1px 3px 0 #666; - color: #000; + color: #fff; display: none; margin: 0; padding: 10px; @@ -2474,11 +3645,14 @@ td { } #cartmenulink { - padding-left: 15px; + //padding-left: 15px; + position: relative; + left: 0px; + top: 0px; - i.fa.fa-shopping-cart { - padding-right: 7px; - } + /* i.fa.fa-shopping-cart { + //padding-right: 7px; + }*/ } #basketcount { @@ -2629,7 +3803,9 @@ td { } .advsearch { - margin: 0; + //margin: 0; + //box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + margin: 0em 1em 1em 0em; table { border-collapse: separate; @@ -2748,13 +3924,14 @@ td { // Override core jQueryUI widgets .ui-widget-content { background: #FFFFFF none; - border: 1px solid #B9D8D9; + border-radius: 4px; + border: 3px solid #418940; color: #222222; } .ui-widget-header { - background: #E6F0F2 none; - border: 1px solid #B9D8D9; + background: #b5dbad none; + border: 1px solid #bfd9b9; color: #222222; font-weight: bold; } @@ -2762,8 +3939,8 @@ td { .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - background: #F4F8F9 none; - border: 1px solid #B9D8D9; + // background: #F4F8F9 none; + border: 1px solid #bfd9b9; color: #555555; font-weight: normal; } @@ -2774,8 +3951,8 @@ td { .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { - background: #E6F0F2 none; - border: 1px solid #B9D8D9; + background: #cad8c6 none; + border: 1px solid #bfd9b9; color: #212121; font-weight: normal; } @@ -2817,7 +3994,7 @@ td { padding: 3px 1em 3px .4em; &:hover { - background: #E6F0F2 none; + background: #e3f1df none; color: #212121; font-weight: normal; } @@ -2852,6 +4029,8 @@ td { } .ui-tabs-nav { + + .ui-tabs-active a, a:hover, a:focus, @@ -2864,67 +4043,68 @@ td { &.ui-widget-header { background: none; border: 0; + padding: .2em .9em 0 .9em; } } .ui-tabs { + .ui-tabs-panel { + background: #FFF none; + border-radius: 4px; + border: 3px solid #418940; + + fieldset{ + box-shadow: none; + } + } .ui-tabs-nav { li { - background: #E6F0F2 none; - border: 1px solid #B9D8D9; + background: #71B443; + border: none; margin-right: .4em; - top: 1px; + //top: 1px; + border-radius: 4px 4px 0 0; - &.ui-tabs-active { - background-color: #FFFFFF; - border: 1px solid #B9D8D9; + &.ui-tabs-active, &.ui-state-hover { + background-color: #418940; + border-radius: 4px 4px 0 0; + border: none; border-bottom-width: 0; + padding-bottom: 0; a { - color: #000; - font-weight: bold; + color: #FFF; + //font-weight: bold; } - &.ui-state-hover { - background: #FFF none; - } - } - &.ui-state-default { - &.ui-state-hover { - background: #EDF4F5 none; - } } } } - .ui-tabs-panel { - border: 1px solid #B9D8D9; - } - &.ui-widget-content { background: transparent none; border: 0; } - .ui-state-default { + .ui-state-default {//le menu de la barre de recherche du haut a { - color: #004D99; + color: #fff; &:link, &:visited { - color: #004D99; + color: #fff; } } } .ui-state-hover { a { - color: #538200; + color: #418940; &:link, &:visited { - color: #538200; + color: #418940; } } } @@ -2945,13 +4125,63 @@ td { } .statictabs { + + background-color: #fff; + margin-top: 20px; + box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + padding: 20px; + + h3{ + padding-bottom: .7em; + margin: 0; + color: #696969; + } + + td { + border: none; + + ul { + li { + clear: left; + font-size: 90%; + list-style: url("../img/item-bullet.svg"); + padding: .2em 0; + + &.result_itype_image { + list-style: none; + list-style-type: none; + } + + img { + float: left; + margin: 3px 5px 3px -5px; + max-width: 25px; + } + } + } + } + + span { + &.status { + clear: left; + color: #900; + display: block; + } + + &.unavailable { + clear: left; + display: block; + } + } + + > ul { background: none repeat scroll 0 0 transparent; border: 0 none; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + // border-bottom-left-radius: 4px; + // border-bottom-right-radius: 4px; + //border-top-left-radius: 4px; + // border-top-right-radius: 4px; color: #222222; font-size: 100%; font-weight: bold; @@ -2973,12 +4203,15 @@ td { } li { - background: none repeat scroll 0 0 #E6F0F2; - border: 1px solid #B9D8D9; - border-bottom: 0 none; + //background: none repeat scroll 0 0 #e3f1df; + //border: 1px solid #bfd9b9; + // border-bottom: 0 none; border-top-left-radius: 4px; border-top-right-radius: 4px; - color: #555555; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + // border-radius: 0; + //color: #555555; float: left; font-weight: normal; list-style: none outside none; @@ -2989,34 +4222,45 @@ td { top: 1px; white-space: nowrap; - &.active { - background-color: #FFFFFF; - color: #212121; + background: #71B443; + // border: none; + //margin-right: .4em; + //top: 1px; + // border-radius: 4px; + + &.active, &:hover { + //background-color: #FFFFFF; + //color: #212121; font-weight: normal; padding-bottom: 1px; + background-color: #418940; + border: none; + border-bottom-width: 0; + //padding-bottom: 0; + a { background: none repeat scroll 0 0 transparent; - color: #000000; - cursor: text; - font-weight: bold; + color: #fff; + // cursor: text; + //font-weight: bold; outline: 0 none; top: 1px; } } a { - color: #004D99; + color: #fff; cursor: pointer; float: left; padding: .5em 1em; text-decoration: none; &:hover { - background-color: #EDF4F5; + //background-color: #EDF4F5; border-top-left-radius: 4px; border-top-right-radius: 4px; - color: #538200; + //color: #418940; } } } @@ -3024,9 +4268,8 @@ td { .tabs-container { background: none repeat scroll 0 0 transparent; - border: 1px solid #B9D8D9; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; + border: 3px solid #418940; + border-radius: 4px; color: #222222; display: block; padding: 1em 1.4em; @@ -3037,6 +4280,12 @@ td { margin-top: 5px; .ui-tabs-panel { background: #FFF none; + border-radius: 4px; + border: 3px solid #418940; + + fieldset{ + box-shadow: none; + } } } @@ -3139,7 +4388,7 @@ td { } .pluginname { - background-color: #E6F0F2; + background-color: #e3f1df; cursor: move; margin: .3em; padding-bottom: 4px; @@ -3187,72 +4436,529 @@ video { &:first-child { border-top: 0; } -} +} + +nav { + border: 0; + display: block; + + &.breadcrumb { + background-color: transparent; + clear: both; + margin: 0; + //padding: .8em .5em .8em 10px; + position: absolute; + top: 0px; + left: Opx; + + ol { + margin: 0; + padding-left: 0; + list-style: none; + } + + li { + display: inline; + color : #418940; + font-style: italic; + + &+li::before { + content: '/'; + display: inline-block; + height: .8em; + width: .8em; + } + + } + + a { + color : #008000; + } + + [aria-current="page"] { + color: #696969; + //font-weight: 700; + text-decoration: none; + } + } +} + +.navbar{ + background-color: #352C2E; + //display: inline-block; + // float: left; + width: 100%; + // overflow: hidden; +} + +.navbar-header, .collapse{ + /* //background-image: linear-gradient(to right, #352C2E , #3A4F2A); + //background-color: #352C2E; + box-shadow: none; + height: 50px; + // width: 100%;*/ + padding-left: 10px; + padding-right: 10px; + /*display: inline-block;*/ + float: left; + + a{ + color: #fff; + // display: inline-block; + line-height: 40px; + } +} + +.navbar-head{ + // top: 0px; + //position: absolute; + //right: 5px; + //overflow-x: hidden; + //overflow-y: visible; + display: block !important; + height: auto !important; +} + +#logo { + background: transparent url("../img/UIKit/picto-koha.svg") no-repeat scroll 0%; + margin: .75em 0em .75em 0em; + background-size: 85%; + width: 20px; + height: 30px; + float: left; + position: relative; + top: 0px; + left: 0px; + + a { + border: 0; + cursor: pointer; + width: 100%; + height: 100%; + padding: 50px 0 0; + text-decoration: none; + position: absolute; + top: -10px; + left: 0px; + } +} + +#toplevelmenu{ + background-color: transparent; + box-shadow: none; + //height: 50px; + position: relative; + left: 0px; + top: 0px; +} + +.navbar-nav { + li { + list-style: none; + + .haut{ + position: relative; + bottom: 3px; + left: 300px; + } + + .filteraction{ + position: absolute; + right: 30px; + top: -5px; + width: 25px; + height: 30px; + border: none; + padding-left: 5px; + padding-right: 5px; + margin: 0; + display: inline; + + a{ + color: #71B443; + vertical-align: middle; + + &:hover, &:active{ + background-color: transparent; + //font-weight: bold; + text-decoration: none; + color: #71B443; + } + } + + } + + .residentsearch { + border: 0; + //border-bottom: 1px solid #85CA11; + cursor: text; + padding: 0 0 .2em; + background-color: transparent; + } + + .inactive{ + display: none; + } + + #buttonssearch,#header_search{ + padding: 10px; + border-radius: 28px; + //height: 2.2em; + height: 30px; + background-image: linear-gradient(to right, #418940, #71B443); + z-index: 1; + } + + #header_search{ + //position: relative; + //top : 10px; + //left: 0px; + + position: relative; + left: 0px; + top: 0px; + width: 500px; + //line-height: 40px; + // overflow: hidden; + display: block; + margin: 10px 0; + } + + #submit, #autocsubmit{ + background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%; + position: absolute; + min-width: 7px; + right: 0; + top: 0px; + width: 25px; + height: 30px; + border: none; + padding-left: 5px; + padding-right: 5px; + margin: 0; + display: inline; + } + + #header_search{ + width: 500px; + } + + + + + + + + .ui-tabs-nav { + background-image: linear-gradient(to right, #418940, #71B443); + border-radius: 28px; + position: absolute; + top: 0; + left: 0; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + color: white; + box-shadow: 0px 0px 3px 0px #0000004d; + + li { + background: transparent; + border: none; + // margin-right: .4em; + //top: 1px; + border-radius: 0; + + &.ui-tabs-active, &.ui-state-hover { + background-color: transparent; + border-radius: 4px 4px 0 0; + border: none; + border-bottom-width: 0; + padding-bottom: 0; + + a { + color: #FFF; + //font-weight: bold; + cursor: pointer; + padding: 3px; + font-size: .9em; + } + + + } + } + } + + &.ui-widget-content { + background: transparent none; + border: 0; + } + + .ui-state-default {//le menu de la barre de recherche du haut + a { + color: #fff; + cursor: pointer; + padding: 3px; + font-size: .9em; + + &:link, + &:visited { + color: #fff; + padding: 3px; + background-color: transparent; + } + } + } + + .ui-state-hover, .ui-state-active { + a { + font-size: 1em; + // box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.10); + cursor: pointer; + padding: 3px; + font-size: .9em; + background-color: transparent; + + i{ + border-bottom: 2px solid #fff; + padding-bottom: 2px; + } + } + } + + + .ui-widget { + font-family: inherit; + font-size: inherit; + + input, + select, + textarea, + button { + font-family: inherit; + font-size: inherit; + } + } -nav { - background: #E6F0F2 none; - border: 0; - &.breadcrumb { - background-color: #E6F0F2; - clear: both; - margin: 0; - padding: .8em .5em .8em 10px; - position: relative; - ol { - margin: 0; - padding-left: 0; - list-style: none; - } - li { - display: inline; - &+li::before { - background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=") 50% 50% no-repeat; - background-size: 8px; - content: ''; + + + + + + .buttonsearch{ + display: none; + } + + .buttonsearch:hover, + .buttonsearch.active{ + // border-bottom: 2px solid white; + margin-right: 0; + font-size: 0.85em; + cursor: text; + padding: 0.25em; + //border-bottom: 2px solid transparent; + margin: 0; + // transition: 0.25s; + display: inline-block; + overflow: hidden; + opacity: 1; + } + + input{ + display: none; + } + + input{ + + + &.focus{ + outline-offset: 0px; + outline: 1px black; + float: right; + // width: calc(301px); + + + // width: 0%; + height: 30px; + border-radius: 17px; + padding-left: 2em; + padding-right: 1.5em; + border: none ; + margin-left: 0px; + // transition: 0.5s; + + position:absolute; + top: 0px; + right: 30px; + z-index : -2; display: inline-block; - height: .8em; - width: .8em; + + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; + text-align: start; + cursor: text; + font: 400 13.3333px Arial; + + &::placeholder{ + font-size: 85%; + } + } + + &.titre{ + float: none; + position: relative; + width: 170px; + bottom: 15px; + right: -115px; } + + } + + #header_search.fold .buttonsearch:not(.active){ + width: 0px; + opacity: 0; + margin: 0; + padding: 0; } + + #backsearch{ + display: none; + font-size: 1em; - [aria-current="page"] { - color: #000; - font-weight: 700; - text-decoration: none; } - } + /* .iconsearch{ + display: none; + font-size: 1em; + }*/ + + #header_search.fold #backsearch{ + display: inline-block; + cursor: pointer; + } -} + /* .iconsearch{ + display: inline-block; + cursor: pointer; + padding: 3px; + font-size: .9em; -.navbar-collapse { - background: #E6F0F2 none; - box-shadow: none; -} + &:hover{ + font-size: 1em; + box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.10); + // border: 1px solid #fff; + // border-radius: 50%; -.navbar-nav { - li { - list-style: none; + } + }*/ + + .description{ + opacity: 0.6; + max-width: 50em; + display: block; + width: 100%; + } + .description.hidden{ + opacity: 0; + } &.open { li { + background-color: #352C2E; + //padding: 2px; + a { font-weight: normal; + padding: 0 15px; + font-size: 13px; + + &:hover, + &:focus{ + background-color: #352C2E; + background-image: none; + text-decoration: underline; + } } } } a { - font-weight: bold; - padding-bottom: .4em; - padding-top: .4em; + //font-weight: bold; + //padding-bottom: .4em; + //padding-top: .4em; + line-height: 40px; + overflow: hidden; + color: #fff; + + &:hover, &:active{ + background-color: #352C2E; + border-bottom: 1px 5px #fff; + color: #fff; + } } } + + ul{ + background-color: #352C2E; + } +} + + + +#logged-in-menu{ + // background-color: #352C2E; + //z-index: 999; + position: relative; + left: 0px; + top: 0px; + //white-space: pre; + //flex-direction: column; + height: 50px; + //display: block; + + &:hover{ + text-decoration: none; + } +} + +.loggedinusername{ + /* font-size: 0.85em; */ + /* font-weight: normal; */ + /* position: relative; */ + /* left: 135px; */ + bottom: 5px; + /* height: 20px; */ + /* width: 100%; */ + text-decoration: none; + position: relative; + float: right; + right: 0px; + height: 20px; + /* top: 10px; */ + width: 100%; +} + +.logged-in-branch-name{ + position: relative; + right: 0px; + height: 20px; + //line-height: normal; + //padding-bottom: 10px; + //padding-right: 10px; + top: 10px; + width: 100%; + + &:hover{ + text-decoration: underline; + } } .nav .open > a, @@ -3265,7 +4971,7 @@ nav { .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; - text-decoration: none; + //text-decoration: none; } .pagination { @@ -3298,12 +5004,180 @@ nav { button, .btn { - border-color: #ADADAD #ADADAD #949494; - font-family: $font-main; + //font-family: $font-main; + font-family: 'Poppins', sans-serif; + //box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%); + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + padding: 6px 25px; + font-size: 12px; + line-height: 1.42857143; + border-radius: 4px; + user-select: none; &.btn-link { border: 0; } + + &.cancel { + + background-color: transparent; + color: #696969; + border: #696969 double 1px; + margin-top: 5px; + margin-left: 5px; + + //font-family: $font-main; + font-family: 'Poppins', sans-serif; + //box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%); + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + min-width: 90px; + width: fit-content; + cursor: pointer; + background-image: none; + padding: 6px 12px; + font-size: 12px; + line-height: 1.42857143; + border-radius: 4px; + user-select: none; + + &:hover{ + font-weight: bold; + background-color: #f1f1f1; + border: #696969 double 1px; + text-decoration: none; + } + } +} +#merge-patrons{ + padding: 0 25px; + //float: right; +} + +#patronlist-menu{ + padding: 0 25px; +} + +.pat{ + /* background-color: transparent; + border: none; + display: inline-block; + margin: 0 10px; + padding: 6px 12px; + color: #696969; + font-size: 105%; + + &:hover{ + //text-decoration: underline; + background-color: #d8d8d8; + } + + &:active{ + border: none; + } + + + &:focus{ + background-color: #d8d8d8; + }*/ + + + + font-family: 'Poppins', sans-serif; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + box-shadow: none; + background-image: none; + padding: 6px 12px; + font-size: 12px; + //line-height: 1.42857143; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 105%; + background-color: transparent; + border: none; + display: inline-block; + margin: 5px 10px; + color: #696969; + + &:hover, &:focus{ + background-color: #d8d8d8; + } + + &:active{ + border: none; + } +} + +.mot{ + margin-right: 0; + //padding-right: 0; +} + +.fleche{ + margin-left: 0; + //border: 1px solid #000; + border-radius: 4px; + padding: 0 5px 0 3px; + + &:active{ + + border: 1px solid #000; + border-radius: 4px; + } +} + + +#principal{ + background-color: #FEC32C; + color: #000; + text-shadow: 0 1px 0 #fff; + border: none; + background-image: none; + margin: 5px; + + &:hover, + &:active, + &:focus{ + background-color: #fec22c9f; + } +} + +.principal{ + background-color: #FEC32C; + color: #000; + text-shadow: 0 1px 0 #fff; + border: none; + background-image: none; + margin: 5px; + + &:hover, + &:active, + &:focus{ + background-color: #fec22c9f; + color: #000; + } } .btn-xs, @@ -3317,6 +5191,10 @@ button, .panel { background: #F4F8F9 none; box-shadow: none; + + &:hover{ + background: #e3f1df none; + } } .panel-collapse { @@ -3339,7 +5217,7 @@ button, } &:hover { - background: #e6f0f2 none; + background: #e3f1df none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @@ -3353,7 +5231,7 @@ button, } &:hover { - background: #e6f0f2 none; + background: #e3f1df none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } @@ -3362,14 +5240,14 @@ button, } .panel-default { - border: 1px solid #B9D8D9; + border: 1px solid #bfd9b9; > .panel-heading { background: transparent none; padding: 0; + .panel-collapse { > .panel-body { - border-top-color: #B9D8D9; + border-top-color: #bfd9b9; } } } @@ -3568,7 +5446,7 @@ label { fieldset, ol { - background-color: transparent; + background-color: #FFF; border: 0; margin: 0; padding: 0; @@ -3576,7 +5454,7 @@ label { } .modal-content { - background-color: #EDF4F6; + background-color: rgb(211, 223, 204); } .btn-group { @@ -3618,25 +5496,30 @@ code { } .tab-content { - background-color: #FFF; - border: 1px solid #B9D8D9; - border-top-width: 0; + border: 3px solid #418940; + border-radius: 4px; + overflow: auto; + //border-top-width: 0; padding: 1em; } .nav-tabs { > li { > a { - background-color: #e6f0f2; - border: 1px solid #b9d8d9; - border-radius: 4px 4px 0 0; + background-color: #71B443; + //border: none; + // border-radius: 4px; + color: #fff; line-height: 1.42857143; margin-right: .4em; padding: .5em 1em; &:hover { - background-color: #EEF4F5; - border-color: #b9d8d9; + background-color: #418940; + border-radius: 4px 4px 0 0; + border: 1px solid #418940; + text-decoration: none; + color: #fff; } } @@ -3644,10 +5527,12 @@ code { a, a:hover, a:focus { - background-color: #fff; - border: 1px solid #b9d8d9; - border-bottom-color: transparent; - color: #000; + background-color: #418940; + border-radius: 4px 4px 0 0; + color: #fff; + //border: none; + //border-bottom-color: transparent; + //color: #000; cursor: default; font-weight: bold; } @@ -3702,7 +5587,7 @@ progress { } span { - background-color: #EBF3FF; + background-color: #ecffeb; border-radius: 5px; display: inline-block; font-size: 75%; @@ -3711,7 +5596,7 @@ progress { white-space: nowrap; &.selected { - background-color: #CCE0FC; + background-color: #d2fad0; } } } @@ -3772,7 +5657,7 @@ progress { #browse-return-to-results { background-color: #E8F0F6; - border: 1px solid #B9D8D9; + border: 1px solid #bfd9b9; border-bottom-width: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; @@ -3783,7 +5668,7 @@ progress { .browse-button { background-color: #FFF; - border: 1px solid #B9D8D9; + border: 1px solid #bfd9b9; color: #004D99; display: block; overflow: hidden; @@ -3915,7 +5800,7 @@ input.renew { .date-select { label { - display: inline-block; + //display: inline-block; width: 40%; } } @@ -3971,7 +5856,7 @@ input.renew { .branchgriditem { background-color: #FFFFFF; - border: 1px solid #B9D8D9; + border: 1px solid #bfd9b9; border-radius: 3px; display: table-cell; float: left; @@ -3998,7 +5883,7 @@ input.renew { #new_rule { background-color: #F4F8F9; - border: 2px solid #B9D8D9; + border: 2px solid #bfd9b9; border-radius: 5px; display: none; margin: .3em; @@ -4061,6 +5946,21 @@ input.renew { #patron_search { #filters { display: none; + //display: block; + background-color: #352C2E; + padding: 10px; + //border-radius: 4px; + padding: 10px; + border-radius: 4px; + position: absolute; + text-align: center; + right: 0px; + height: 70px; + bottom: -70px; + + label{ + color: #fff; + } } .address { @@ -4069,7 +5969,7 @@ input.renew { } #fixedlengthbuilderaction { - border: 3px solid #E6F0F2; + border: 3px solid #e3f1df; left: 80%; padding: 5px; position: relative; @@ -4326,6 +6226,14 @@ input.renew { #helper { span { display: none; + font-style: normal; + position: absolute; + top: 10px; + right: 20px; + + &:hover{ + text-decoration: underline; + } } } @@ -4334,15 +6242,17 @@ input.renew { } .loggedin-menu-label { - color: #777; + color: #fff; font-size: 12px; line-height: 1.42857143; padding: 4px 12px; white-space: nowrap; span { - color: #000; + color: #fff; font-weight: bold; + left: 15px; + top: 0; } &.divider { @@ -4351,64 +6261,143 @@ input.renew { } .lastborrower { - background-color: #E6F0F2; - border: 1px solid #95C6D0; + //background-color: #71B443; + background-image: linear-gradient(to left, #418940, #71B443); + //@at-root: 1px solid #95C6D0; box-shadow: 1px 1px 1px 0 #999; - color: #CC0000; + color: #fff; margin: .4em 0; - padding: .3em .5em .3em .5em; + border-radius: 5px 5px 5px 5px; + position: absolute; + right: 50px; } + + #lastborrower-ref { - border-radius: 5px 0px 0px 5px; float: left; + padding: .1em .4em .1em .5em; +} + +#lastborrower-bar { + float: right; + float: left; + padding: .1em .0em .1em .0em; } #lastborrower-remove { - border-radius: 0px 5px 5px 0px; + //border-radius: 0px 5px 5px 0px; cursor: pointer; float: right; + margin: .0em .4em .0em .4em; + padding: .1em .5em .1em .5em; } #lastborrower-window { - display: none; + //display: none; position: absolute; - right: 5px; - top: 0px; + right: 70px; + top: 2px; +} + +#lastborrowerlink { + background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%; + color: #fff; + padding: .0em .0em .0em 1.3em; + + &:hover{ + text-decoration: underline; + } } /* ==== MODULE LINKS - Start ==== */ .buttons-list { // List containing the module links - margin-bottom: 30px; + margin: 30px 0; padding: 0; + margin-left: 15px; li { // Standard attributes for the list elements + height: 60px; list-style-type: none; + display: table; + margin-bottom: 15px; a { - &.circ-button { - // Class used for each module link - background-color: #F4F8F9; - background-position: 5px 3px; - background-repeat: no-repeat; - border: 2px solid #B9D8D9; - border-radius: 6px; - box-sizing: content-box; - color: #000000; + &.menucirc{ display: block; - font-size: 110%; - font-weight: bold; - margin: .5em 0; - max-width: 260px; - padding: 8px; - text-decoration: none; + height: 60px; + margin: 5px; + //font-size: 150%; + + i{ + + &.fa{ + color: #fff; + border-radius: 50%; + background-color: #71B443; + width: 40px; + height: 40px; + margin: 5px; + padding: 10px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + align-items: center; + justify-content: center; + display: inline; + border: solid 3px #71B443; + } - &:hover { - // Class used for each module link hover state - border-color: #538200; - color: #538200; + &.fond{ + opacity: 70%; + position: relative; + top: 5px; + border: none; + right: 20px; + border-radius: 0; + background-color: transparent; + width: auto; + height: auto; + margin: 0; + padding: 0; + } + + } + + h1 { + font-size: 150%; + font-weight: normal; + display: inline; + } + + &:hover{ + color: #418940; + text-decoration: none; + + i{ + &.fa{ + background-color: #418940; + border: solid 3px #418940; + } + &.fond{ + opacity: 70%; + position: relative; + top: 5px; + border: none; + right: 20px; + border-radius: 0; + background-color: transparent; + width: auto; + height: auto; + margin: 0; + padding: 0; + } + } + + h1{ + //font-weight: bold; + } } } } @@ -4416,7 +6405,7 @@ input.renew { } .about h2 { - border-bottom: 1px solid #B9D8D9; + border-bottom: 1px solid #bfd9b9; padding: .5em .2em; margin: .5em 0; } @@ -4438,26 +6427,12 @@ input.renew { // ==== MODULE LINKS - End ==== -#catalog-search-link { - border-right: 1px solid lighten( #E6F0F2, 15% ); - padding-right: .3em; -} - -#catalog-search-dropdown { - padding: 0; - - & > a { - border-left: 1px solid darken( #B4D2D8, 5% ); - margin-right: .6em; - padding: .4em .6em; +/*#catalog-search-link { + //color : #fff; + //border-right: 1px solid lighten( #e3f1df, 15% ); + //padding-right: .3em; - &:hover, - &.catalog-search-dropdown-hover { - background-color: darken( #E6F0F2, 5% ); - border-left: 1px solid darken( #B4D2D8, 15% ); - } - } -} +}*/ #tools_holidays { .radio, @@ -4558,15 +6533,30 @@ input.renew { } .header-menu-link { + // background-color: #352C2E; display: none; - font-weight: bold; + // font-weight: bold; padding: .4em .6em; } #user-menu { + //position: absolute; + //right: 5px; + //top: 0; + // position: relative; + //left: 0px; + top: 0px; position: absolute; right: 5px; - top: 0; + + //background-color: #352C2E; + // box-shadow: none; + // height: 50px; + // width: 100%; + // padding-left: 10px; + //padding-right: 10px; + // display: inline-block; + //float: left; } div#makechart ol li { @@ -4602,7 +6592,7 @@ div .suggestion_note { } .currentlibrary { - background-color: #E6FCB7; + //background-color: #E6FCB7; display: inline-block; padding: 2px 4px; } @@ -4698,7 +6688,7 @@ div .suggestion_note { .open { .dropdown-menu { - background-color: #FFF; + background-color: #352C2E; border: 1px solid #ccc; position: absolute; } @@ -4706,8 +6696,8 @@ div .suggestion_note { } #header { - background-color: #FFF; - border: 1px solid #CCC; + background-color: #352C2E; + // border: 1px solid #352C2E; margin-bottom: 1em; a { @@ -4715,8 +6705,10 @@ div .suggestion_note { padding-left: 1.5em; &:hover { - background-color: #0070A9; + text-decoration: underline; color: #FFF; + background-color: #352C2E; + background-image: none; } } @@ -4725,21 +6717,24 @@ div .suggestion_note { box-shadow: unset; float: none; left: auto; - position: relative; + position: initial; right: auto; &.dropdown-menu { display: block; + // background-color : #352C2E; } } - .dropdown-menu { + .dropdown-menu-brown { li { - a { - color: #004D99; + // background-color: #352C2E; + a { + //color: #fff; &:hover { color: #FFF; + text-decoration: underline; } } } @@ -4771,8 +6766,8 @@ div .suggestion_note { #user-menu { .open { .dropdown-menu { - background-color: #FFF; - border: 1px solid #ccc; + background-color: #352c35; + // border: 1px solid #ccc; position: absolute; } } @@ -4821,7 +6816,14 @@ div .suggestion_note { #helper { - i { + i {background-color: #352C2E; + box-shadow: none; + height: 50px; + // width: 100%; + padding-left: 10px; + padding-right: 10px; + display: inline-block; + float: left; display: none; } diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-add-to-basket.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-add-to-basket.inc index f330237f37..1b1d2eaaef 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-add-to-basket.inc +++ b/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-add-to-basket.inc @@ -7,21 +7,21 @@ - + -
  • From a suggestion
  • -
  • From a subscription
  • -
  • From a new (empty) record
  • -
  • From existing orders (copy)
  • -
  • From an external source
  • -
  • From a new file
  • -
  • From a staged file
  • - [% IF ( CAN_user_circulate ) %]
  • From titles with highest hold ratios
  • [% END %] +
  • From a suggestion
  • +
  • From a subscription
  • +
  • From a new (empty) record
  • +
  • From existing orders (copy)
  • +
  • From an external source
  • +
  • From a new file
  • +
  • From a staged file
  • + [% IF ( CAN_user_circulate ) %]
  • From titles with highest hold ratios
  • [% END %] [% ELSE %]
    -

    You can't create any orders unless you first define a budget and a fund.

    +

    You can't create any orders unless you first define a budget and a fund.

    [% END %] diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-menu.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-menu.inc index 066f203482..f806915d0f 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-menu.inc +++ b/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-menu.inc @@ -1,8 +1,9 @@ [% USE Koha %] diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/circ-menu.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/circ-menu.inc index 926008ed94..989dd1860b 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/includes/circ-menu.inc +++ b/koha-tmpl/intranet-tmpl/prog/en/includes/circ-menu.inc @@ -10,29 +10,40 @@ [% ELSIF ( patron_is_staff ) %] [% patron_type_class = 'is-staff' %] [% END %] -
    -[% IF ( patronimages ) %] +
    +
    + [% IF ( patronimages ) %]
    -[% ELSE %] + [% ELSE %]
    -[% END %] + [% END %] + [% IF ( patron_is_staff ) %] - + [% END %] + [% IF ( patron_is_superlibrarian ) %] - + [% END %] + [% INCLUDE 'patron-title.inc' %] + + [% IF ( patron.dateofbirth ) %] +
  • + [% INCLUDE 'patron-age.inc' %] +
  • + [% END %] +
    -[% IF Koha.Preference('showLastPatron') %] + [% IF Koha.Preference('showLastPatron') %] -[% END %] + [% END %] -[% IF ( patronimages ) %] + [% IF ( patronimages ) %]
    [% IF ( patron.image ) %] @@ -48,57 +59,57 @@ [% END %]
    -[% END %] + [% END %] -
      - [% IF !(Koha.Preference('HidePersonalPatronDetailOnCirculation')) %] +
        + [% IF !(Koha.Preference('HidePersonalPatronDetailOnCirculation')) %] [% PROCESS 'display-address-style' %] [% IF ( patron.phone || patron.mobile || patron.phonepro ) %]
      • + [% IF ( patron.phone ) %] - [% patron.phone | html %] + [% patron.phone | html %] [% ELSE %] [% IF ( patron.mobile ) %] - [% patron.mobile | html %] + [% patron.mobile | html %] [% ELSE %] [% IF ( patron.phonepro ) %] - [% patron.phonepro | html %] + [% patron.phonepro | html %] [% END %] [% END %] [% END %]
      • [% END %] + [% IF ( patron.email ) %] - + [% ELSE %] [% IF ( patron.emailpro ) %] - + [% END %] [% END %] - [% IF ( patron.dateofbirth ) %] -
      • - Born: - [% INCLUDE 'patron-age.inc' %] -
      • - [% END %] + + [% UNLESS ( patron.address or patron.address2 ) %] -
      • No address stored.
      • +
      • No address stored.
      • [% END %] [% UNLESS ( patron.city ) %] -
      • No city stored.
      • +
      • No city stored.
      • [% END %] + [% UNLESS ( patron.phone or patron.mobile or patron.phonepro) %] -
      • No phone stored.
      • +
      • No phone stored.
      • [% END %] + [% UNLESS ( patron.email or patron.emailpro) %] -
      • No email stored.
      • +
      • No email stored.
      • [% END %] + [% UNLESS ( patron.dateofbirth ) %] -
      • No date of birth stored.
      • +
      • No date of birth stored.
      • + [% END %] [% END %] - [% END %] - - [% IF Koha.Preference('ExtendedPatronAttributes') %] + [% IF Koha.Preference('ExtendedPatronAttributes') %] [% FOREACH extendedattribute IN patron.extended_attributes %] [% IF ( extendedattribute.type.display_checkout ) %] [%# FIXME We should filter in the line above %] [% IF ( extendedattribute.attribute ) %] [%# FIXME Why that? why not if == 0? %] @@ -108,60 +119,64 @@ [% END %] [% END %] [% END %] - [% END %] -
      • Category: [% patron.category.description | html %] ([% patron.categorycode | html %])
      • -
      • Home library: [% Branches.GetName( patron.branchcode ) | html %]
      • -
      • Borrowernumber: [% patron.borrowernumber | html %]
      • -
      • Updated on [% patron.updated_on | $KohaDates with_hours => 1 %]
      • - [% IF patron.account_locked %] + [% END %] + +
      • Category: [% patron.category.description | html %] ([% patron.categorycode | html %])
      • +
      • Home library: [% Branches.GetName( patron.branchcode ) | html %]
      • +
      • Borrowernumber: [% patron.borrowernumber | html %]
      • +
      • Updated on [% patron.updated_on | $KohaDates with_hours => 1 %]
      • + + [% IF patron.account_locked %] [% IF patron.login_attempts < 0 %] [% ELSE %] [% END %] - [% END %] -
    - + + +
    [% IF patronimages && CAN_user_tools_batch_upload_patron_images %] diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/circ-nav.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/circ-nav.inc index 99b882c76a..acd7e6a597 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/includes/circ-nav.inc +++ b/koha-tmpl/intranet-tmpl/prog/en/includes/circ-nav.inc @@ -4,11 +4,13 @@