GENI-NSF / geni-portal

A UI for a GENI clearinghouse
Other
3 stars 8 forks source link

Update the portal's CSS #717

Closed ahelsing closed 9 years ago

ahelsing commented 9 years ago

Update the portal's CSS using a new style sheet. This will fix tickets #175 (bold buttons) and #28 (interactive map).

Some major things that will be changed as a result of the new CSS:

  1. CSS file (portal.css)
    • Sans-serif font (Open Sans via Google Fonts) for headers, bold text, labels
    • Serif font (PT Serif via Google Fonts) for body text
    • Bold buttons by default (#175)
    • Orange/dark gray/light gray color scheme
    • Hierarchical structure with indentation of headers, paragraph text, tables, lists
    • Header underlines across width of page to differentiate structure
    • Table and notice boxes have light backgrounds
    • New code block display when using pre
    • Box shadows around most divs
    • Rounded edges on notices, code blocks, footer
    • 900 pixel static width
  2. Header (header.php)
    • Cleanup of header code with divs
    • Google Analytics (#718)
    • content-outer div start (to get outer gray border)
  3. Footer (footer.php)
    • content-outer div end
    • Inclusion of copyright / NSF information
    • Local server copy of NSF logo (this appeared to reduce latency when loading page)
  4. Breadcrumbs (tool-breadcrumbs.php)
    • Proper arrowing in hierarchy
    • Italicized project/slice/member names
  5. Profile page (tool-user.php)
    • Tabbed interface to break apart content and shorten the page (using jQuery)
  6. Interactive resources map (#28)
    • OpenLayers library installed in portal/common/map
    • Advertisement rspecs installed in /portal/common/map
    • Map rpsec parser and GeoJSON generator map.php
    • List of sites and resources in .json format
    • Map on welcome page (interactive, no details)
    • Map on home page after logging in (interactive, with details)
    • OpenStreetMap as base layer
  7. Other (displayable) PHP files
    • Some changes of h2 tags to h1, h3 to h2, etc.
    • Removal of most line breaks; content separated by p tags

Nearly all of the content will remain the same from the previous version.

Imported from trac ticket #717, created by bujcich on 07-18-2013 at 14:26, last modified: 07-31-2013 at 12:20

ahelsing commented 9 years ago

Merged to develop.

Trac comment by bujcich on 07-31-2013 at 12:20