HERON Packtracker - "Universal Elements" Style Guide

This document contains typical styles found across ALL of the pages on Packtracker. See the attached stylesheet (css/styleguide.css) for the actual styles. This guide does not contain styles for the masthead or footer - see the HTML page templates and master stylesheet (css/all.css) to grab that code.

1. Font Styles

Header 1

Header 2

Header 3

Header 4

This is the default for bodytext, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris this the standard link color for the whole site (#00ACEC). Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

This is the standard Intro Text style for pages that require a few-sentence or few-paragraph introduction. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

2. Form-Element Styles

 

 

 

Error
3. Table Styles

Form-Table:

  Name Email? Notify? Contact? Remove  
Click for Help Lecturer Required
Marc Ardizzone
  remove Help
Administrator Required
George Pitcher
  remove
Librarian Required
   
Click for Help Year / Session Required
Students / # Copies Required
Pack Renewal Date Required Click to open calendarEnter the date at which you wish to be alerted to the Renewal process.
This does not prevent manual Renewal at any point.

Data Table

ID
LinkOwner
TA Module Lecturer Contact? Start Students Shelve / Progress Items Medium Process Status View
History
Make
Copy
Re-
New
64569
George Pritcher
0 4AM502 - Freedom’s Conflicts: An Introduction To American History Stacey Tawson Contact Checkmark - confirmed. 14/03/2013 200 UR - 2
ID - 1
10 PDF C In Progress View History - Click to View Click to make a copy Click to renew..
64569
George Pritcher
0 4AM502 - Freedom’s Conflicts: An Introduction To American History Stacey Tawson Contact Checkmark - confirmed. 14/03/2013 200 UR - 2
ID - 1
10 PDF C In Progress View History - Click to View Click to make a copy Click to renew..
64569
George Pritcher
0 4AM502 - Freedom’s Conflicts: An Introduction To American History Stacey Tawson Contact Checkmark - confirmed. 14/03/2013 200 UR - 2
ID - 1
10 PDF C In Progress View History - Click to View Click to make a copy Click to renew..
64569
George Pritcher
0 4AM502 - Freedom’s Conflicts: An Introduction To American History Stacey Tawson Contact Checkmark - confirmed. 14/03/2013 200 UR - 2
ID - 1
10 PDF C In Progress View History - Click to View Click to make a copy Click to renew..

 

Home Table:

CLA Lookup Tool Results SummaryClick for help
Wrongly Used Items Not Yet Reported To The CLA 2
Self-Verified Items 5
Non-Verified Items 10
Wrongly Used Items Not Yet Reported To The CLA 0
Items Flagged As US Excluded By The CLA 0
Verified Items Flagged As ‘US Excluded’ By The CLA 4

4. Misc. Widgets & Icons

Tabs

Tab One Contents Goes here
Tab Two Contents Goes here
Tab Three Contents Goes here

Icons

Dropdown Arrow Dropdown Arrow
Calendar Calendar
Checkmark Checkmark
Edit Edit
Error Arrow Error Arrow
Help (Launches Popover) Help
Make Copy Make Copy
Launch Popup Launch Popup

New Document (white)

New Document
New Document (Blue) New Document
Remove / Delete Item Remove
Renew / Refresh Renew
View History View History
Required (Field, etc.)
Table - Sort Columns Default Table - Sort Columns 2

Table - Sort Columns

Sorted

TA Packlist TA Packlist

 

Popover (small)

close Close Icon

This Is The Header for the Popover

Here is the content. This box can vary in size based on the content - you could also set an overflow so this body of text scrolls. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

 

 

Popover (small, with "pointer")

This Is The Header for the Popover

Here is the content. This box can vary in size based on the content - you could also set an overflow so this body of text scrolls. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

 

5. Siderail Elements

Solid "Help Box" :

Helpful Hints

Please check that the information needed in the ‘Contacts’ and ‘Calendar / Session’ sections are displaying before you start to fill in the other details.

Hollow "Help Box":

Library Record

The US-Excluded publisher list is no longer relevant and has been removed from this page.

CLA Search Page Now Available

 

Gradient "Help Box":

Library Record

The US-Excluded publisher list is no longer relevant and has been removed from this page.

CLA Search Page Now Available