[Koha-bugs] [Bug 7760] Add ids and classes to every staff page to help with customizaton

Fri Mar 23 09:59:23 CET 2012

http://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=7760

--- Comment #32 from Owen Leonard <oleonard at myacpl.org> ---
Here's a quick example showing how one might begin to add colors based on these
patches. This snippet of CSS adds colors to the header menu and the
breadcrumbs, specific to circulation functions:

/* 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; }

You would then create different declarations for each section you wanted to
make distinct. The new classes:

acq (acquisitions)
admin (administration)
auth (authorities)
batch (batch/print-notices.tt)
catalog (catalog)
cart (cart)
cat (cataloging)
circ (circulation)
err (errors)
lists (lists)
pat (patrons)
rep (reports)
ser (serials)
tools (tools)
   - "tools" pages with multiple sub-pages get two classes, 
     tools + their own class:
       labels (labels)
       pcard (patron cards)
       rcoll (rolling collections)
   - "tools" pages which consist of a single page have only the "tools"
     class and, like every other page, their own unique ID. e.g.
     <body id="tools_holidays" class="tools">

More <div>s will have to be added in the future to increase customization
options futher. For instance, the space between the header menu at the top of
the page and the breadcrumbs is not contained within a single <div> which would
allow customization of the background between those elements. It's also not
possible to assign specific CSS to the main body of the page (everything
between breadcrumbs and the language menu footer). New bugs reports should
cover these changes.

P.S. If anyone wants to build a web-based tool to automatically generate a full
color scheme based on the user's color picks please do so :)

-- 
You are receiving this mail because:
You are watching all bug changes.