Follow this link to skip to the main content
NASA -National Aeronautics and Space Administration

+ Visit NASA.gov
+ Contact NASA

+ Home
Portal Affinity Kit
Affinity Website Examples
Templates and Source Files
Style Guide
Frequently Asked Questions and Design Tips
CSS Source Files
+ Download Main CSS (3 KB)
+ Download Text Only CSS (1 KB)

These styles are commonly used on the portal affinity websites. Below are descriptions for some of them.

/* Global Styles */

  • .bannerLnk {font-size:12px; font-weight:bold; color:#ffffff;} - Not Used / deprecated

  • .bannerTxt {font-weight:bold; color:#0398e8;} - Not Used / deprecated

  • .navLnkBlack {color:#000000; line-height:18px;} - To display navigational links in vision (earth, space, universe) categories (e.g. the "Choose another category" links).

  • .navLnkBlue {color:#006699; line-height:18px;} - To display navigational links in non- target audience categories (e.g. the "More NASA FACTS" link).

  • .navLnkRed {color:#FF3333; line-height:18px;} - To display navigational links in target audience(for kids, for educators, for students, for media) categories. (e.g. the "More NASA FACTS" link)

  • .navLnkGreen {color:#408040; line-height:18px;} - To display navigational links in APPL site (Specific to a particular site and is not global in nature).

  • .factBlue {color:#006699;} and .factRed {color:#FF3333;} - To display the NASA Fact.

  • .knowledge {font-size:12px; color:#000000;} - To display the "NASA knowledge" in portal sites like APPL. ( Specific to the APPL site, but can be used in other sites as well).

/* Feb01 Compliance */

  • .introLnk {font-size:12px; font-weight:bold; color:#009eff;} - To display links to downloads or plugins to view the site content.

  • .introTxt {font-size:12px; color:#ffffff;} - To render the flash objects in the external flash folder.

  • .relevanceOn {color:#999999;} and .relevanceOff {color:#cccccc;} - These are used to show relevance bar on search result page.

  • .resultsMeter {letter-spacing:1px;} - Not Used / Deprecated

  • .resultsMeterMiss {letter-spacing:1px; color:#cccccc;} - Not Used / Deprecated


  • These are used to show Browsable Categories in larger font:
  • .categoryLnkBig {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333;}

  • categoryLnkBig {color:#006699;}

  • .categoryLnkBig:hover {text-decoration:underline;}


  • These are used to show Browsable Categories in smaller font:
  • .categoryLnkSmall {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

  • .categoryLnkSmall {color:#006699;}

  • categoryLnkSmall:hover {text-decoration:underline;}


  • .categoryLnkSmallSelect {color:#006699; text-decoration:underline;} - Not Used / Deprecated

  • .categoryLnkBigSelect {color:#006699; text-decoration:underline;} - Not Used / Deprecated


NASA NASA Official: Colin Enger
+ Contact NASA

Version Information