Skip to content

Instantly share code, notes, and snippets.

@JDW1

JDW1/FW_CSSmenus_DropShadow.css

Last active March 10, 2017 00:30
Show Gist options
  • Save JDW1/2c2b619fb6bca99fdbfd43d4a4c49b2c to your computer and use it in GitHub Desktop.
Save JDW1/2c2b619fb6bca99fdbfd43d4a4c49b2c to your computer and use it in GitHub Desktop.
Download ZIP
CSS for Drop shadow behind Freeway Pro's CSS Menus
Raw
FW_CSSmenus_DropShadow.css
<style type="text/css">
/*===[ Navigation Menu Styling ]===*/
#fwNav1 .fwNavItem {min-width:100px}
#fwNav1 .sub {
-webkit-box-shadow: #333333 3px 4px 12px;
-moz-box-shadow: #333333 3px 4px 12px;
box-shadow: #333333 3px 4px 12px;
}
#fwNav1 ul.sub,
#fwNav1 ul.sub li.fwLastChild,
#fwNav1 ul.sub li.fwLastChild a
{
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
background: #82878D;
}
#fwNav1 ul.sub .sub,
#fwNav1 ul.sub .sub li.fwFirstChild > a,
#fwNav1 ul.sub .sub li.fwFirstChild,
#fwNav1 ul.sub .sub li.fwFirstChild > span a
{
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
border-top-right-radius: 7px;
}
#fwNav1 ul.sub .sub .sub .sub li.fwFirstChild a,
#fwNav1 ul.sub .sub .sub .sub li.fwNavItem a
{
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#fwNav1 ul.sub .sub .sub .sub li.fwLastChild a
{
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment