Asset Location

IU branding assets are centrally hosted and are available through specific URLs. The URLs needed to brand your website depend on your campus and your version of HTML.

The branding assets are categorized broadly into two groups.

IU branding assets are centrally hosted and are available through specific URLs. The URLs needed to brand your website depend on your campus and your version of HTML.

The branding assets are categorized broadly into two groups.

HTML5 sites

These assets support sites that are written using HTML5 syntax specifications. You will need to include six URLs to appropriately brand your content. In the header URL below, "*" represents the campus value for your site.

Asset TypeURL
Cascading Style Sheethttps://assets.iu.edu/brand/3.x/brand.css 
https://assets.iu.edu/search/3.x/search.css
JavaScripthttps://assets.iu.edu/search/3.x/search.js
Static HTML elementshttps://assets.iu.edu/brand/3.x/header-*.html 
https://assets.iu.edu/brand/3.x/footer.html
https://assets.iu.edu/search/3.x/search.html

Versioning of the assets

The assets are versioned following the convention of major.minor version depending upon the bug fixes or improvements. To avoid confusion related to the usage of the latest versions, IU Communications defines URLs numbered as 'major version.x'. The version is symbolically linked to the latest version on the server.

Please contact IU Communications if you need to use an older version for any of the asset.

Non-HTML5 sites

These assets support sites that are written using non-HTML5 syntax specifications. The following table lists the URLs for accessing the assets. In the header URL below, "*" represents the campus value for your site.

Asset TypeURL
Cascading Style Sheethttps://assets.iu.edu/brand/legacy/brand.css
https://assets.iu.edu/search/legacy/search.css
JavaScripthttps://assets.iu.edu/search/legacy/search.js
Static HTML elementshttps://assets.iu.edu/brand/legacy/header-*.html
https://assets.iu.edu/brand/legacy/footer.html
https://assets.iu.edu/search/legacy/search.html

Site widths

The branding header and footer elements for non-HTML5 sites are set to 960 pixels. They are 1020 pixels for HTML5 sites.

If you have a site that is less that is of a different width, you can still use the header and footer elements. They will just be a little narrower or wider than your content.

If you need to match the width of your site, you can add the following CSS rules within your site's CSS. (Be sure to update with the correct value.)

#branding-bar-v1 .wrapper,
#footer-v1 .wrapper { max-width: 965px !important; }