Magellan has different structure modes for its landing page and content pages. These structures are reflected in the Magellan CSS, which makes understanding the Magellan site structures a good starting point to finding elements in the Magellan CSS files.
Magellan site structure modes for desktop-view
The Magellan site structure has two modes:
-
Landing page mode
-
Content page mode
Each mode has several named sections - shown in red in the following images - that are divided into components for different information. For example, the HEADER section displays in both modes and has three components - Logo, Search (not used in Landing page mode) and Icons.
The mainstyles.css follows the same section naming, providing a starting point for locating the CSS element for a screen item.