About the Product
Shipping and Returns
  • @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(255, 255, 255, 0.8); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(255, 255, 255, 0.8); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; /* dimensions: handling small or non existing (loading images) content */ min-width: 30%; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { position: relative; z-index: 9999; line-height: 40px; display: block; height: 40px; cursor: pointer; text-align: right; padding-right: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; background: #000; color: #FFF; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 0; box-shadow: 0 0 15px #999; } } @media all { .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 0; bottom: 0; left: 85%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: rgba(0,0,0,0); } .featherlight-previous { left: 0; right: 85%; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255,255,255,0.25); } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; /* center horizontally */ text-align: center; font-size: 48px; line-height: 80px; /* center vertically */ margin-top: -40px; color: #999; font-style: normal; font-weight: normal; } .featherlight-next span { right: 5%; left: auto; } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } } /* Allways display arrows on touch devices */ @media only screen and (max-device-width: 1024px){ .featherlight-next:hover, .featherlight-previous:hover { background: none; } .featherlight-next span, .featherlight-previous span { display: block; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 0px; left: 85%; } .featherlight-previous { left: 0px; right: 85%; } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } } /*PAGE SPECIFIC CSS*/ @media all { .lightbox { display: none; } .thumbnail img { border: 1px solid #D4D4D4; } .thumbnail img:hover { border: 1px solid #000; } } .ProductDesContent{ height:auto !important; } Additional Views: Intended for use with SwitchArt Frames. SwitchArt prints and frames are sold separately.
SwitchArt® is the easiest and most affordable way to change out your art. This print pairs with SwitchArt® Magnetic Frames. To use, simply roll print into a tube shape with its print side facing inward. Match top corners of rolled print to top corners of magnetic frame, then slowly unroll into place. Updating your art, quickly and often, is as easy as 1, 2, 3 with SwitchArt®.Additional DetailsMake sure your SwitchArt® Magnetic Prints and Frames match in size.
Item #12396782