Koha Test Wiki MW Canasta on Koha Portainer
Test major Koha Wiki changes or bug fixes here without fear of breaking the production wiki.
For the current Koha Wiki, visit https://wiki.koha-community.org .CSS Customizations
Jump to navigation
Jump to search
The staff client templates include attributes which make it possible to use CSS to customize its appearance. Each page in the staff client has a unique "id" attribute in the <body> tag:
<body id="circ_circulation">
...and a class which is specific to the "module" in the staff client:
<body id="circ_circulation" class="circ">
This makes it possible to add CSS to the intranetusercss system preference to style each section of the staff client with its own color scheme (for instance):
/* Circulation */ body.circ #header, body.circ #breadcrumbs { background-color: #8189D1; border-bottom: 1px solid #484E82; } body.circ #header a, body.circ #breadcrumbs a { color: #FFFFFF; font-weight: bold; } body.circ #header, body.circ #breadcrumbs { color : #DDDDDD; } body.circ #moremenu a { color : #8189D1; }
Module |
Class |
---|---|
Acquisitions |
acq |
Admnistration |
admin |
Authorities |
auth |
Catalog |
catalog |
Cart |
cart |
Cataloging |
cat |
Circulation |
circ |
Errors |
err |
Lists |
lists |
Patrons |
pat |
Reports |
rep |
Serials |
ser |
Tools |
tools |
Labels* |
tools labels |
Patron cards |
tool pcard |
Rolling collections |
rcoll |
* Tools sub-pages which consist of more than one page include two classes for added flexibility. Tools pages which consist of only one page have only the "tools" class but can be uniquely styled using their <body> ID.