SVOCat Documentation

Version 2.01, October 2020, author: Carlos Rodrigo

1. Introduction
2. Download
    2.1. Extract
    2.2. Permissions
3. The files
4. Example
5. Configure
    5.1. First
    5.2. Project
    5.3. Mysql
    5.4. Web
    5.5. VO options
    5.6. Fields
    5.7. Photometry
    5.8. Search Opts.
    5.9. File Paths
    5.10. Scripts
    5.11. Registry
    5.12. Spectra
    5.13. Links
    5.14. References
6. Web Design
    6.1. style.css
    6.2. Colors
    6.3. header.php
    6.4. footer.php
7. Extra tips
Previous   Next

Web page design


Customizing: style.css

If you decide to customize the look at feel of your web page, it could be enough to change the style/style.css file.

All the styles used in the public web page are defined here.

If you are used to working with CSS style sheets you will know what to do. If not, you maybe want to learn a little about it (see, for instance, W3C page about style sheets) but, in any case, you could be satisfied changing just the color of some elements in the page, which is quite easy.

If you take a look to style/style.css you will see that it is quite simple (we show here only an schematic structure, look into the real file for the details).

In summary:

  • We set some general properties for the web page: body (default font, background, etc), for the links (a) for headers (h2) and form elements (select, input, textarea, button).
  • Then we define styles for the different layers:
    • Header: header itself, menu and logos.
    • Main content area.
    • SVOCat footer.
  • We define some special styles for displaying some special kind of texts (command-like texts, errors, text in smaller font).
  • And finally some styles only to be used for specific contents:
    • Home page: the different layers contained in the home page.
    • Search (Data Retrieval): styles for the search form and list of results.
    • News page.
Previous   Next