iOS Gears Everything About ios
Apple storefronts will soon be filled with an array of LED circles for the Apple Watch launch.
The new displays for the Apple Watch launch will be going up on Friday, April 10 — the same day that in-store try-on appointments and Apple Watch pre-orders begin. The hexagonal grid of circles is meant to evoke the circular icons and grid layout of the Apple Watch app launcher.
As described by 9to5Mac:
Each circle is packed with Mac mini-powered LED lights that will show off different colors, patterns, and effects throughout the day. The new front of store visuals will continue to stay live after the Apple Watch launches on April 24th as Apple can simply remove the “Coming Soon” label.
Apple has had a history of installing both flashy and minimalist displays for new device launches, though it’s clear from this reported display that Apple’s pulling out all the stops for the Apple Watch launch.
Not sure if you want an Apple Watch? Or which one you want? Check out our Apple Watch buyers guide!
Source: 9to5Mac
<!–*/
<!–*/
img,
.devicebox img {
margin: 0px;
max-width: 100%;
padding: 0px;
}
div .devicebox *,
div .devicebox li,
div .devicebox a:active,
div .devicebox a:hover,
div .devicebox a:link,
div .devicebox a:visited {
color: #fff;
}
.devicebox a:hover {
text-decoration: underline;
}
.devicebox p,
.devicebox ul li,
.devicebox ol li {
font-size: 16px;
padding: initial;
}
.devicebox ul {
margin: 0;
padding: 0.5em 1em 1em 30px;
}
.devicebox ul li {
display: list-item;
line-height: 24px;
list-style: disc outside none;
}
.devicebox ul li:before {
display: none;
}
.devicebox p ~ p {
padding: 0px 15px 15px;
line-height: 1.25;
}
.devicebox p:first-of-type + p {
padding: 15px;
}
div *:last-of-type + .devicebox,
div *:last-of-type + div ~ .devicebox {
float: none;
margin: 0 auto 30px;
max-width: 700px;
min-height: 225px;
position: relative;
width: 100%;
}
div *:last-of-type + .devicebox .video,
div *:last-of-type + div ~ .devicebox .video {
bottom: 0px;
left: 50%;
position: absolute;
right: 0px;
top: 30px;
}
div *:last-of-type + .devicebox .video_iframe,
div *:last-of-type + div ~ .devicebox .video_iframe {
height: 100%;
padding: 0px;
}
div *:last-of-type + .devicebox h3 + p,
div *:last-of-type + div ~ .devicebox h3 + p {
bottom: 0;
left: 50%;
overflow: hidden;
position: absolute;
right: 0;
top: 30px;
width: 50%
}
div *:last-of-type + .devicebox h3 + p img,
div *:last-of-type + div ~ .devicebox h3 + p img {
float: right;
height: 100%;
width: auto;
}
div *:last-of-type + .devicebox ul,
div *:last-of-type + div ~ .devicebox ul,
div *:last-of-type + .devicebox p,
div *:last-of-type + div ~ .devicebox p {
width: 43%;
}
@media all and (max-width: 500px) {
.devicebox {
float: none;
margin: 0 0 30px;
max-width: 100%;
width: 100%;
}
div *:last-of-type + .devicebox .video,
div *:last-of-type + div ~ .devicebox .video {
left: 0;
position: relative;
top: 0;
}
div *:last-of-type + .devicebox .video_iframe,
div *:last-of-type + div ~ .devicebox .video_iframe {
padding-bottom: 56.25%;
}
div *:last-of-type + .devicebox h3 + p,
div *:last-of-type + div ~ .devicebox h3 + p {
left: 0;
position: relative;
top: 0;
}
div *:last-of-type + .devicebox ul,
div *:last-of-type + div ~ .devicebox ul {
width: auto;
}
}
/*–>*/
/*–>*/
/*–>*/
Source: iMore
