Loading history…
Loading history…
| Line 1: | |
| <style> | <style> |
| .apb { width: 100%; margin: 0 0 14px 0; background: #000; font: 12px/1 -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; } | .apb { width: 100%; margin: 0 0 14px 0; background: #000; font: 12px/1 -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; } |
| Line 3: | |
| .apb-bar { max-width: 1024px; margin: 0 auto; padding: 0 16px; display: flex; align-items: stretch; height: 44px; } | .apb-bar { max-width: 1024px; margin: 0 auto; padding: 0 16px; display: flex; align-items: stretch; height: 44px; } |
| .apb-logo { display: flex; align-items: center; padding-right: 22px; } | .apb-logo { display: flex; align-items: center; padding-right: 22px; } |
| … 10 unchanged lines … | |
| .apb-menu a:hover { color: #2997ff; } | .apb-menu a:hover { color: #2997ff; } |
| .apb-group { display: block; padding: 10px 22px 4px; font-size: 11px; color: #86868b; } | .apb-group { display: block; padding: 10px 22px 4px; font-size: 11px; color: #86868b; } |
| .apb-menu a.apb-small { font-size: 12px; font-weight: 400; color: #d2d2d7; padding: 5px 22px; } | |
| Line 18: | |
| .apb-util { display: flex; align-items: center; margin-left: auto; } | .apb-util { display: flex; align-items: center; margin-left: auto; } |
| .apb-util a { color: rgba(255,255,255,0.8); text-decoration: none; padding: 0 6px 0 11px; white-space: nowrap; } | .apb-util a { color: rgba(255,255,255,0.8); text-decoration: none; padding: 0 6px 0 11px; white-space: nowrap; } |
| .apb-util a:hover { color: #fff; } | .apb-util a:hover { color: #fff; } |
| @media (max-width: 760px) { .apb-label { padding: 0 8px; } .apb-logo { padding-right: 10px; } } | /* ── Mobile: apple.com's pattern — the row collapses to a hamburger that opens a full-width sheet ── */ |
| .apb-mob { display: none; } | |
| @media (max-width: 760px) { | |
| .apb-nav, .apb-util { display: none; } | |
| .apb-bar { height: 48px; padding: 0 8px 0 16px; } | |
| .apb-logo { padding-right: 0; margin-right: auto; } | |
| .apb-mob { display: flex; align-items: stretch; } | |
| .apb-ham { position: relative; width: 48px; cursor: pointer; outline: none; display: block; } | |
| .apb-ham::before, .apb-ham::after { content: ""; position: absolute; left: 15px; right: 15px; height: 1px; background: rgba(255,255,255,0.85); transition: transform 0.25s, top 0.25s; } | |
| .apb-ham::before { top: 21px; } | |
| .apb-ham::after { top: 27px; } | |
| .apb-mob:focus-within .apb-ham::before { top: 24px; transform: rotate(45deg); } | |
| .apb-mob:focus-within .apb-ham::after { top: 24px; transform: rotate(-45deg); } | |
| .apb-sheet { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 100; background: #161617; max-height: calc(100vh - 48px); overflow-y: auto; padding: 10px 0 28px; box-shadow: 0 20px 40px rgba(0,0,0,0.6); } | |
| .apb-mob:focus-within .apb-sheet { display: block; } | |
| .apb-acc { display: block; outline: none; } | |
| .apb-acc-t { display: block; position: relative; padding: 13px 48px 13px 36px; font-size: 21px; font-weight: 600; letter-spacing: 0.01em; color: #f5f5f7; cursor: pointer; } | |
| .apb-acc-t::after { content: "+"; position: absolute; right: 36px; top: 50%; margin-top: -13px; font-size: 22px; font-weight: 300; color: #86868b; transition: transform 0.25s; } | |
| .apb-acc:focus-within .apb-acc-t::after { transform: rotate(45deg); } | |
| .apb-acc:focus-within .apb-acc-t { color: #fff; } | |
| .apb-acc-p { display: none; padding: 2px 0 14px; } | |
| .apb-acc:focus-within .apb-acc-p { display: block; } | |
| .apb-acc-p p { margin: 0; } | |
| .apb-acc-p a { display: block; padding: 8px 36px 8px 52px; font-size: 15px; color: #d2d2d7; text-decoration: none; } | |
| .apb-acc-p a:hover { color: #fff; } | |
| .apb-sheet .apb-group { padding: 12px 36px 2px 52px; } | |
| .apb-row { display: block; } | |
| .apb-row a { display: block; padding: 13px 36px; font-size: 21px; font-weight: 600; letter-spacing: 0.01em; color: #f5f5f7; text-decoration: none; } | |
| .apb-row a:hover { color: #fff; } | |
| .apb-row-small a { font-size: 15px; font-weight: 400; color: #d2d2d7; padding: 9px 36px; } | |
| } | |
| Line 22: | |
| </style> | </style> |
| <div class="apb"> | <div class="apb"> |
| … 24 unchanged lines … | |
| </div> | </div> |
| <div class="apb-util">[[Apple/Models|Models]]</div> | <div class="apb-util">[[Apple/Models|Models]]</div> |
| <span class="apb-mob"><span class="apb-ham" tabindex="0" role="button" aria-label="Menu"></span><span class="apb-sheet"> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">Mac</span><span class="apb-acc-p">[[Mac|All Mac]] [[MacBook Air]] [[MacBook Pro]] [[MacBook Neo]] [[iMac]] [[Mac mini]] [[Mac Studio]] [[Apple Display|Displays]] [[macOS|macOS]]</span></span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">iPad</span><span class="apb-acc-p">[[iPad|All iPad]] [[iPad Pro]] [[iPad Air]] [[iPad mini]] [[iPadOS|iPadOS]]</span></span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">iPhone</span><span class="apb-acc-p">[[iPhone|All iPhone]] [[iPhone 17 Pro]] [[iPhone 17 Pro Max]] [[iPhone Air]] [[iPhone 17]] [[iPhone 17e]] [[iPhone 16]] [[iPhone 16 Plus]] [[iOS|iOS]]</span></span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">Watch</span><span class="apb-acc-p">[[Apple Watch|All Apple Watch]] [[Apple Watch faces|Watch faces]] [[watchOS|watchOS]]</span></span> | |
| <span class="apb-row">[[Apple Vision Pro|Vision]]</span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">AirPods</span><span class="apb-acc-p">[[AirPods|All AirPods]] [[Beats]]</span></span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">TV & Home</span><span class="apb-acc-p">[[Apple TV]] [[HomePod]] [[AirTag]] [[tvOS|tvOS]] [[visionOS|visionOS]]</span></span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">Silicon</span><span class="apb-acc-p">[[Apple silicon|All Apple silicon]] [[Apple A19|A19]] [[Apple M5|M5]] [[Apple M4|M4]] [[Apple C1|C1]] [[Apple N1|N1]]</span></span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">Services</span><span class="apb-acc-p">[[Apple One]] [[Apple Music]] [[Apple TV app|Apple TV+]] [[Apple Arcade]] [[Apple Fitness+]] [[Apple News+]] [[Apple Podcasts]] [[Apple Books]] [[App Store]] [[Apple Pay]] [[Apple Card]] [[Apple Intelligence]]</span></span> | |
| <span class="apb-acc" tabindex="0"><span class="apb-acc-t">More</span><span class="apb-acc-p">[[Apple]] [[CEO of Apple|Leadership]] [[Apple executives|Executives]] [[Founders of Apple|Founders]] [[Apple Park]] [[Apple Event]] [[WWDC]] [[Apple Store (United States)|Apple Store]] [[Apple Accessories|Accessories]] [[Discontinued Apple products|Discontinued products]]</span></span> | |
| <span class="apb-row apb-row-small">[[Apple/Models|Models, part numbers and identifiers]]</span> | |
| </span></span> | |
| Line 50: | |
| </div> | </div> |
| </div> | </div> |