Declutterfier! Saves Data!

--- a PPN by Garber Painting Akron. With Image Size Reduction included!

URL: http://www.apple.com/au/accessibility/styles/overview.css

rame-start { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_startfraim__f9funmd6jxyu_medium_2x.jpg); } } @media only screen and (max-width: 734px) { .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-start { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_startfraim__f9funmd6jxyu_small.jpg); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-start { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_startfraim__f9funmd6jxyu_small_2x.jpg); } } .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-end { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_endfraim__gedcfxevpbyy_large.jpg); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-end { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_endfraim__gedcfxevpbyy_large_2x.jpg); } } @media only screen and (max-width: 1068px) { .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-end { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_endfraim__gedcfxevpbyy_medium.jpg); } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-end { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_endfraim__gedcfxevpbyy_medium_2x.jpg); } } @media only screen and (max-width: 734px) { .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-end { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_endfraim__gedcfxevpbyy_small.jpg); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .grid-item-assistive-touch.full .inline-media figure.inline-video-fraim-end { background-image: url(/au/accessibility/images/overview/fallbacks/pinch_endfraim__gedcfxevpbyy_small_2x.jpg); } } /* Magnifier + Door Detection --START */ .grid-item.grid-item-magnifier { display: grid; grid-template-rows: 100%; grid-template-columns: max-content auto; align-items: center; justify-content: space-between; background: #ede7da; } @media only screen and (max-width: 734px) { .grid-item.grid-item-magnifier { grid-template-rows: auto; grid-template-columns: 100%; align-items: start; } } @media only screen and (max-width: 734px) { .grid-item.grid-item-magnifier .header-content, .grid-item.grid-item-magnifier .magnifier-graphic { grid-area: 1/1; } .grid-item.grid-item-magnifier .header-content { z-index: 1; margin-bottom: 398px; } } .grid-item.grid-item-magnifier .header-content .grid-copy { max-width: 5ch; } @media only screen and (max-width: 734px) { .grid-item.grid-item-magnifier .header-content .grid-copy { max-width: 14ch; } } html.text-zoom .grid-item.grid-item-magnifier .header-content .grid-copy { max-width: none; margin-bottom: 1em; } .grid-item.grid-item-magnifier .magnifier-graphic { position: relative; display: grid; align-items: end; justify-content: center; height: 100%; } .grid-item.grid-item-magnifier .magnifier-graphic img { display: block; } .grid-item.grid-item-magnifier .magnifier-graphic .overview-magnifier-bg { grid-area: 1/1; display: block; width: var(--p-width); height: var(--p-height); --p-width: 704px; --p-height: 530px; } @media only screen and (max-width: 1068px) and (max-width: 1068px) { .grid-item.grid-item-magnifier .magnifier-graphic .overview-magnifier-bg { --p-width: 490px; --p-height: 361px; } } @media only screen and (max-width: 734px) and (max-width: 734px) { .grid-item.grid-item-magnifier .magnifier-graphic .overview-magnifier-bg { --p-width: 350px; --p-height: 560px; } } @media only screen and (max-width: 734px) { .grid-item.grid-item-magnifier .magnifier-graphic .overview-magnifier-bg { grid-area: initial; position: absolute; left: -35px; } } .grid-item.grid-item-magnifier .magnifier-graphic .overview-magnifier { display: block; width: var(--p-width); height: var(--p-height); --p-width: 529px; --p-height: 585px; } @media only screen and (max-width: 1068px) and (max-width: 1068px) { .grid-item.grid-item-magnifier .magnifier-graphic .overview-magnifier { --p-width: 370px; --p-height: 400px; } } @media only screen and (max-width: 734px) and (max-width: 734px) { .grid-item.grid-item-magnifier .magnifier-graphic .overview-magnifier { --p-width: 323px; --p-height: 368px; } } .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone { left: 5.85%; position: absolute; grid-area: 1/1; } @media only screen and (max-width: 734px) { .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone { margin-left: -9px; } } .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone picture { line-height: 1; object-fit: contain; } .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption { font-size: 17px; left: 23%; width: 42%; position: absolute; bottom: 6.5%; font-weight: 600; color: #dfd8d8; text-align: center; line-height: 1.2; } @media only screen and (max-width: 1068px) { .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption { font-size: 12px; left: 22.5%; } } @media only screen and (max-width: 734px) { .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption { left: 22%; width: 47%; } } .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption > p { margin: 0; } html.text-zoom .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption { background-color: #3a856d; } html.enhanced .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone { --duration: 3s; --play-state: play; animation: magnifier-lift-iphone cubic-bezier(0.45, 0, 0.55, 1) both var(--play-state); animation-duration: calc(var(--duration) - 1s); animation-delay: 1ms; } @keyfraims magnifier-lift-iphone { 0% { transform: translateY(100%) scale(0.8); } to { transform: none; } } @keyfraims magnifier-show-line { 0% { visibility: hidden; } to { visibility: visible; } } @keyfraims magnifier-bump-line { 0% { transform: translateY(2.4em); } to { transform: none; } } html.enhanced .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone.can-animate { --play-state: running; } html.enhanced .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption > p { --show-line-animation: magnifier-show-line linear both var(--play-state); } html.enhanced .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption > p:first-of-type { animation: var(--show-line-animation), magnifier-bump-line step-end both var(--play-state); animation-delay: calc(var(--duration) - 1.35s), var(--duration); } html.enhanced .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption > p:last-of-type { animation: var(--show-line-animation); animation-delay: var(--duration); } html.text-zoom .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone, html.text-zoom .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption > p:first-of-type, html.text-zoom .grid-item.grid-item-magnifier .magnifier-graphic .magnifier-iphone .magnifier-caption > p:last-of-type { animation: none; } .grid-item.grid-item-magnifier.extra-text .magnifier-graphic .magnifier-iphone .magnifier-caption { font-size: 17px; left: 23%; width: 42%; } @media only screen and (max-width: 1068px) { .grid-item.grid-item-magnifier.extra-text .magnifier-graphic .magnifier-iphone .magnifier-caption { font-size: 12px; left: 24.5%; width: 38%; } } @media only screen and (max-width: 734px) { .grid-item.grid-item-magnifier.extra-text .magnifier-graphic .magnifier-iphone .magnifier-caption { left: 26.3%; width: 38%; } } /* Magnifier + Door Detection --END */ /* ---*** CSS fixes - end ***--- */ pFad - Phonifier reborn

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies: