CUE Template
Change Log
The changes from one template release to the next are documented below. The file(s) changed by a particular edit is indicated in parenthesis.
To suggest further technical improvements to the template contact the Online Services Unit or external suppliers should contact their agency project manager.
Version 2.02
Date released: 06/05/2008
Release notes:
Changes since v2.01:
- Language of file specified as Australian English (no longer generic English)
titleattributes removed where they duplicated link text- Included a
labelelement for theinputof the search form - Included the Queensland Government logo as favicon.ico for the template
- Default
line-heightof1.5added for all content - Duplicate
nameattributes in the template changed for compliance to the strictdoctype - Adopted
UTF-8overISO-8859-1character encoding - Discontinued presentational attributes from within the HTML code (e.g.
widthandborder) - Default links added to the footer of the template (instead of
#placeholder) - CSS files reviewed and simplified
- Site signature
idofqld-gov-auadded to benefit users who require personal stylesheets to assist them accessing content - JavaScript files re-organised into a single combined qg.js file
- CUE Template assets (all JavaScript code, style code and images) have been organised into their own "cue" directory to simplify future CUE Template upgrades
- A readme.txt file has been added to the distributed package including information about working groups, implementation advice and the SSQ Online Services Unit
- Add a style sheet reference page (styleGuide.html) to display examples of each content type
Version 2.01
Date released: 07/11/05
Release notes:
Changes since v2.0:
-
Updated version comment (index.html)
-
Upgraded UDM4 from version 4.2 to version 4.44
-
Added more detail to comment for primary nav separator (udm-dev/udm-custom-with-comments.js)
-
Corrected primary navigation link colour for um.items and um.menuItems from '#606' to '#006' (udm-style.css and udm-custom.js)
-
Changed 'relative' to 'static' for um.orientation, this solves the drop down menu issue in Netscape 6 and 7.02 (udm-style.css and udm-custom.js)
-
Changed nav2 h2 left margin to '0' (qglayout.css)
Version 2.0
Date released: 26/08/04
Release notes:
Changes since v1.7:
The biggest change in the 2.0 release is the new primary navigation script. The following changes were made in implementation of the new UDM4 script:
- Removed old primary navigation HTML markup, including <div id=nav1> and skip link anchor. (index.html)
- Removed link to old primary navigation javascript: <script type="text/javascript" src="primarynav.js"></script>. (index.html)
- Removed pop up presentation styles for old menu from qg.css. (qg.css)
- Removed primary navigation styles for old menu from qglayout.css. (qglayout.css)
- Removed primarynav.js from template distribution.
- Inserted UDM4 HTML markup. (index.html)
- Added name="nav1" attribute to the first link of the primary navigation as a target for the primary navigation skip link. (index.html)
- Linked to the new UDM4 scripts and stylesheet. (Linked to three files from the header and two from the body.) (index.html)
- Added the udm-resources folder to the template distribution.
- Added comment identifying secondary navigation script. (index.html)
Other miscellaneous changes:
- Updated version comment. (index.html)
- Changed Alt text for qglogo to "Link to Queensland Government (www.qld.gov.au)". (index.html)
- Removed the word 'Gateway' from the "Queensland Government Gateway" link in the footer and changed the title attribute of the link to "Link to Queensland Government (www.qld.gov.au)". (index.html)
- Added an "Other languages" link to the footer. (index.html)
- Added icon_flags.gif to the template distribution.
- Removed search label in site tools. (index.html)
- Replaced go button with standard submit button. (index.html)
- Removed go.gif from template distribution.
- Changed the top padding for the nav2 div from 0.5% to 0.3em. This fixed a display issue in IE6 that became apparent after adding the UDM4 menu. (qglayout.css)
- Fractional measures of the form 0.x in style sheets trimmed to .x for consistency and to save bytes. (qglayout.css)
- Online services classes quoted for consistency and forward compatibility with XHTML.
Version 1.7
Date released: 11/05/04
Release notes:
Changes since v1.6:
- Removed: img.searchbutton { vertical-align: top; } from qglayout.css. This was an artefact from an early template release that is no longer required. (qglayout.css)
- Services Online html added to the top of the feature column. Note that code has been added for two distinct formats. Agencies will need to remove one or both of these formats depending on the requirements of a particular page. (index.html)
- Services Online styles added to qglayout.css. Note that styles have been added for the two distinct formats. (qglayout.css)
- btn-bl.gif, btn-br.gif, os-bg.gif, tl.gif and tr.gif have been added to the template release. These images provide the rounded corners and double border for the Services Online treatment. (new files)
- The feature column text has been encapsulated within a paragraph. (index.html)
Version 1.6
Date released: 15/03/04
Release notes:
Changes since v1.5:
- Expanded the conditional logic at the beginning of xcSet(). This function will no longer execute within IE5.2 on Mac. This is to avoid a bug in that browser which causes it to crash if a page containing a secondary navigation is refreshed. The script also checks that document.getElementById(m) != null, guarding against script errors if the function has been called in the absence of a menu or with the incorrect ID. (xc.js)
- Version comment updated. (index.html)
- Added Last updated text. (index.html)
- The copyright year in the footer changed to 2004. (index.html)
- Added print specific styles to print.css and imported this style sheet into qg.css. The import syntax chosen is to keep the @media styles away from IE4.72. (print.css - NEW, qg.css)
- Substituted off-left technique for visibility: hidden to ensure screen readers read the skip links. That is, changed styles for #access. (qg.css)
- Added: table { font-size: 1em; } to qg.css. This gets around the IE5.5 bug pertaining to tables whereby text was not inheriting font size appropriately. (qg.css)
- Specified padding and margin for #nav2, #content and #feature as a percentage. The widths of these divs is specified as a %. It seems that ensuring consistency of units when specifying padding and margins adds slightly to the robustness of the fluid layout. The features div is not quite as prone to dropping. Note that if there is content that is too wide the feature will still drop. (qglayout.css)
- Added selector #nav2xc ul li so developers can easily change the spacing of submenu items in nav2. (qglayout.css)
NB: The following style sheet changes relate to reducing the font size in the template. They also represent some housekeeping where many redundant styles were removed.
- Removed redundant styles for: #tools a:link, #nav1 a:link, #nav2 a:link, #bcrumb a:link. (qg.css)
- Added consolidated and specific font size style at 80% (qg.css)
- Changed the general font-family selector to be simply body (qg.css)
- Changed styles for content headers to account for the inherited font size of 80% (qg.css)
- Added a style for #content h3 (qg.css)
- Increased + / - controls to 80% font size (qglayout.css)
- Added top: 0.2em to nav2 control styles (qglayout.css)
- Removed font-family and font-size styles for #tools (qglayout.css)
- Removed font-family and font-size styles for #nav1 (qglayout.css)
- Removed font-family style for #nav2 (qglayout.css)
- Removed font-size style for #bcrumb (qglayout.css)
- Removed background and color styles from #content (qglayout.css)
- Removed color style from #feature (qglayout.css)
- Removed color, font-family and font-size styles from #footer (qglayout.css)
- Removed font-size style from #nav2 ul (qglayout.css)
Version 1.5
Date released: 23/01/03
Release notes:
Changes since v1.4:
- Version comment updated. (index.html)
- Extra row of blue pixels added to swoop.gif to compensate for the row obscured by the top blue border of the header div. (swoop.gif)
- xhtml syntax removed from template (index.html)
- <div id="browser"> renamed to <div id="browserSupport"> to avoid errors in DreamWeaver MX. browserSupport added as a selector in qglayout.css. (index.html, qglayout.css)
- Added type="text/css" to the stylesheet link. (index.html)
-
Added explicit px suffix to inline width styles for the primary navigation pop ups. Required for CSS validation. (index.html)
- Moved some styles (eg link colors) from qglayout.css to qg.css. Minor formatting changes to both style sheets. (qglayout.css, qg.css)
-
The copyright year in the footer changed to 2003. (index.html)
- The opening <form> tag of the search form moved to be the first element in the tools div. This solves the search box wrapping issue in Netscape and IE4. (index.html)
-
New styles pertaining to the secondary navigation. These solve the problem of the missing +/- controls in Netscape. (qglayout.css)
- xc.js updated. DOM test refined and some variable names changed. (xc.js)
Version 1.4
Date released: 29/08/02
Release notes:
Changes since v1.3:
- Change folder name and references to template to: CUE Template.
- Removed last chevron from breadcrumbs. (index.html)
- Changed #nav1 p img { width: style } from 6px to 1px. This positions the primary navigation menu items symmetrically with respect to the neighbouring pipes. (qglayout.css)
- Moved the styles for the primary navigation pop ups from qqlayout.css to qg.css. This means Netscape 4.x also get pop ups with borders. (qglayout.css, .css)
- Added alt="go" attribute to the input element used for the search form go button. (index.html)
- Added a template version comment. This will be useful for maintenance and troubleshooting purposes as it will make it simple to identify the code base of any implementation. (index.html)
- Added comments to delimit page content. Useful to identify embedded content, making it easier to parse and repurpose. (index.html)
- Amendments to secondary navigation script. New DOM detect logic in order to avoid javascript errors in Netscape 4.04 on a Mac. Change ensuring focus remains on + / - link when clicked. (xc.js)
- Changed title attribute defaults for the site tools and footer links from 'xx'. Meaningful defaults are more forgiving. (index.html)
- Changed references to san-serif to sans-serif. (qg.css, qglayout.css)
- Changed the height style for #banner to 39px. Height is not inclusive of borders so 39+1+1 gives the total 41px real estate allocated to the branding banner. This change has no discernable effect since the div seems to take it's height from it's content. If a 39px high image is used the div will be the correct height regardless. (qglayout.css)
- Added name="nav1" target for the primary navigation skip link. (index.html)
- Updated indexComments.html. (indexComments.html)
- Removed the style: border-top: 3px solid #006; from the body{...} styles and added the style: border-top: 1px solid #006; to the header{...} styles. This facilitates consistent vertical positioning of the primary navigation pop-ups in Netscape 6.x. (qglayout.css)
- Reduced the vertical offset of the pop-ups from 10px to 1px. This means the menu will work correctly even when it wraps. You will no longer trigger the wrong submenu by rolling over the wrapped menu item. (index.html)
Version 1.3
Date released: 3/7/02
Release Notes:
Changes since v1.2:
- Language declaration added to html tag (index.html)
- Corrected spelling of alt text for Queensland Government Logo (index.html)
- <div id="browser"> message abbreviated. (index.html)
- speak: none style added to <div id="browser> (qglayout.css)
- Superfluous spaces removed from header divs, particularly <div id="qglogo"> and <div id="banner"> (index.html)
- Addition of border="0" attribute to hyperlinked images. Removes blue border in Netscape 4.x. (index.html)
- Search form moved into <div id="tools"> in order to facilitate the use of relative positioning styles for header. (index.html)
- Header styles changed to achieve a more robust layout. (qglogo.css)
- Change to secondary navigation script and styles in order to ensure alignment of wrapping menu items. (xc.js, qglayout.css)
- Explicit background-color style applied to <body> to ensure white background on N4.x / Mac. (qg.css)
Version 1.2
Date released: 17/6/02
Release Notes:
Changes since v1.1:
- The horizontal line at the very bottom of the footer has been removed. (qglayout.css)
- qglogo.gif moved 15px to the right in order to meet corporate identity requirements. (qglayout.css)
- Dummy agency name image modified. (agencyname.gif)
- Adjustment of secondary navigation styles. (qglayout.css)
- Change to the secondary navigation script. The script now accepts arguments specifying which submenus to leave open by default. (xc.js)
- Two empty and superfluous anchor tags removed from the secondary navigation <ul id="nav2xc"> html. (index.html)
- Superfluous spaces removed from the secondary navigation <ul id="nav2xc"> html. These were causing problems with menu alignment in Netscape 6.x. (index.html)
- Documentation added to. (documentation.doc)
Version 1.1
Date released: 24/5/02
Release Notes:
Changes since v1.0:
-
Replaced qglogo.gif with correct graphic. (qglogo.gif)

