VIVO-1588: Document the use of local.css

[chenejac]

Mike Conlon (Migrated from VIVO-1588) said:

New in 1.10 is the ability to create a local.css file whose styles will override those of Vitro, VIVO, or the current theme.

Using local.css, a web developer can style VIVO without creating a theme.

This should be easier than the steps in "Simple Theming" and provide the functionality being sought by "Simple Theming in the technical initiatives document.

[chenejac]

Graham Triggs said:

Example local.css, which will

 

1) Remove the swirly line background (body element)

2) Change the header to a red background (header#branding)

3) Replace the VIVO logo with a "new logo" (h1.vivo-logo)

 

/* Override theme CSS styles by placing them in this file

Note - all themes must include <../../..>/local/css/local.css as the last import. */

body {body { background: #f3f3f0;}

header#branding { background: #ff0000;}

h1.vivo-logo { background: url(../images/new-logo.png) 0 0 no-repeat;}