Garnet also includes a new style theme for Drop Menu Magic!
The Garnet theme transforms each of the 5 core Affinity layouts into a new look. The content area is visually tied to the masthead and navigation bars, and the included Drop Menu Magic theme is set to Vertical Drop-Down Mode. The sub-menus are slightly transparent and keyed to the design aesthetic. Of course, the menu is still amazingly responsive and will automatically convert to smartphone mode when viewed on mobile phones. If a horizontal menu bar is not enough, you can add additional DMM menus to your page in various visual modes and configurations: Default, Vertical Drop-Down, or Vertical Accordion.
When You install an Affinity Theme Pack it shows up in a drop-down list of Style Themes.
Choose from 5 responsive Page Designs, choose a Style Theme, click Create, and your page is automatically created.
CSS Affinity works on Windows and Mac systems running Dreamweaver MX, MX2004, 8, CS3, CS4, CS5, CS5.5, CS6, CC, CC 2014, CC 2015, CC 2016, CC 2017, CC 18 (and higher). For installation tips, please see Using PVII Extensions in Dreamweaver CC...
PVII CSS Affinity employs the concept of progressive enhancement. We start with well-formed code that displays all content in all devices. Then we use CSS for effects such as rounded corners, shadows, and animations. The effects are deployed in ways that enhance modern browsers while assuring an attractive and accessible presentation in older ones. IE9, Firefox, Opera, Safari, Chrome, and even your iPhone display rounded corners and drop shadows. IE10, and modern versions of Firefox, Chrome, and Safari display animations.