Samsung ditches the white plastic for a sleeker look, with numerous useful modifications in tow.
With the Galaxy Note 7‘s transfer to utilizing a USB-C port, Samsung needed to refresh its Gear VR headset — and it used this chance to make some strong modifications to the headset general.
Read all about it on VR Heads!
Samsung Gear VR
<!–*/
<!–*/
img
width: 100%;
peak: auto;
.devicebox ul
show: desk;
margin: zero zero 10px;
width: 100%;
.devicebox ul li
background: #f7f7f7;
margin: 2px zero;
padding: 4px 15px;
.devicebox ul li:hover
background: #fff;
.devicebox ul li:earlier than
show: none;
.devicebox p ~ p
line-height: 1.25;
.devicebox p:first-of-type + p
padding: 15px;
.devicebox a.buy-link
border-radius: 5px;
show: inline-block;
font: 14px/31px “Proxima Nova Extrabld”,Helvetica,Arial,sans-serif;
text-align: middle;
.devicebox a.buy-link,
.devicebox a.buy-link:hyperlink,
.devicebox a.buy-link:lively,
.devicebox a.buy-link:visited
background: #37B5D7;
colour: #FFF;
.devicebox a.buy-link:hover
background: #2694B2;
text-decoration: none;
.devicebox a.buy-link:earlier than
content material: “e61e”;
font: 40px/zero “ac_iconset” !necessary;
margin: zero 3px zero -8px;
vertical-align: center;
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px)
/* div:not(.columns-Three) excludes assist menu content material */
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox
padding: 20px zero 25px;
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox .video
float: left;
margin: zero 30px zero zero;
width: calc(100% – 375px);
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p
backside: 37px;
show: block;
overflow: hidden;
place: absolute;
prime: 60px;
width: calc(100% – 375px);
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p img,
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p > img
place: absolute;
prime: 50%;
rework: translateY(-50%);
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+Three),
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox ul
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head
margin-top: -5px;
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px)
.devicebox h3
text-align: middle;
.devicebox ul,
.devicebox p
show: block;
@media all and (max-width: 800px) and (min-width: 660px)
.devicebox
padding: 20px zero 25px;
.devicebox .video
float: left;
margin: zero 30px zero zero;
width: calc(100% – 375px);
.devicebox h3 + p
backside: 37px;
show: block;
overflow: hidden;
place: absolute;
prime: 60px;
width: calc(100% – 375px);
.devicebox p img,
.devicebox p > img
place: absolute;
prime: 50%;
rework: translateY(-50%);
.devicebox p:nth-child(n+Three),
.devicebox ul
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
.devicebox p.list-head
margin-top: -5px;
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px)
/* 2x purchase buttons */
.devicebox a.buy-link
width: calc(50% – 2.5px);
margin: zero 5px 5px zero;
.devicebox a.buy-link:nth-of-type(even)
margin: zero zero 5px zero;
.devicebox a.buy-link:last-of-type:nth-of-type(odd)
width: 100%;
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px)
/* 3x purchase buttons */
.devicebox a.buy-link
width: calc(100%/Three – 10px/Three);
margin: zero 5px 5px zero;
.devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2))
margin: zero zero 5px zero;
.devicebox a.buy-link:only-child
width: 100%;
margin: zero zero 5px zero;
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(four):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(four):nth-of-type(3n+1) ~ a.buy-link
width: calc(50% – 2.5px);
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(four):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd)
margin: zero zero 5px zero;
@media all and (max-width: 800px)
.devicebox
margin: zero zero 30px;
max-width: none;
width: auto;
@media all and (max-width: 500px)
.devicebox
margin: zero zero 30px;
max-width: none;
width: auto;
.devicebox a.buy-link:earlier than
show: none;
.page-admin .devicebox max-width: 350px;
.page-admin .devicebox .video_iframe place: relative; peak: zero; padding-bottom: 56.9%;
.page-admin .devicebox .video_iframe iframe width: 100%; peak: 100%; place: absolute;
/*–>*/
/*–>*/
/*–>*/
<!–*/
<!–*/
img
width: 100%;
peak: auto;
.devicebox ul
show: desk;
margin: zero zero 10px;
width: 100%;
.devicebox ul li
background: #f7f7f7;
margin: 2px zero;
padding: 4px 15px;
.devicebox ul li:hover
background: #fff;
.devicebox ul li:earlier than
show: none;
.devicebox p ~ p
line-height: 1.25;
.devicebox p:first-of-type + p
padding: 15px;
.devicebox a.buy-link
border-radius: 5px;
show: inline-block;
font: 14px/31px “Proxima Nova Extrabld”,Helvetica,Arial,sans-serif;
text-align: middle;
.devicebox a.buy-link,
.devicebox a.buy-link:hyperlink,
.devicebox a.buy-link:lively,
.devicebox a.buy-link:visited
background: #37B5D7;
colour: #FFF;
.devicebox a.buy-link:hover
background: #2694B2;
text-decoration: none;
.devicebox a.buy-link:earlier than
content material: “e61e”;
font: 40px/zero “ac_iconset” !necessary;
margin: zero 3px zero -8px;
vertical-align: center;
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px)
/* div:not(.columns-Three) excludes assist menu content material */
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox
padding: 20px zero 25px;
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox .video
float: left;
margin: zero 30px zero zero;
width: calc(100% – 375px);
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p
backside: 37px;
show: block;
overflow: hidden;
place: absolute;
prime: 60px;
width: calc(100% – 375px);
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p img,
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p > img
place: absolute;
prime: 50%;
rework: translateY(-50%);
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+Three),
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox ul
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
.article-body-wrap > div:not(.columns-Three) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head
margin-top: -5px;
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px)
.devicebox h3
text-align: middle;
.devicebox ul,
.devicebox p
show: block;
@media all and (max-width: 800px) and (min-width: 660px)
.devicebox
padding: 20px zero 25px;
.devicebox .video
float: left;
margin: zero 30px zero zero;
width: calc(100% – 375px);
.devicebox h3 + p
backside: 37px;
show: block;
overflow: hidden;
place: absolute;
prime: 60px;
width: calc(100% – 375px);
.devicebox p img,
.devicebox p > img
place: absolute;
prime: 50%;
rework: translateY(-50%);
.devicebox p:nth-child(n+Three),
.devicebox ul
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
.devicebox p.list-head
margin-top: -5px;
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px)
/* 2x purchase buttons */
.devicebox a.buy-link
width: calc(50% – 2.5px);
margin: zero 5px 5px zero;
.devicebox a.buy-link:nth-of-type(even)
margin: zero zero 5px zero;
.devicebox a.buy-link:last-of-type:nth-of-type(odd)
width: 100%;
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px)
/* 3x purchase buttons */
.devicebox a.buy-link
width: calc(100%/Three – 10px/Three);
margin: zero 5px 5px zero;
.devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2))
margin: zero zero 5px zero;
.devicebox a.buy-link:only-child
width: 100%;
margin: zero zero 5px zero;
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(four):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(four):nth-of-type(3n+1) ~ a.buy-link
width: calc(50% – 2.5px);
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(four):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd)
margin: zero zero 5px zero;
@media all and (max-width: 800px)
.devicebox
margin: zero zero 30px;
max-width: none;
width: auto;
@media all and (max-width: 500px)
.devicebox
margin: zero zero 30px;
max-width: none;
width: auto;
.devicebox a.buy-link:earlier than
show: none;
.page-admin .devicebox max-width: 350px;
.page-admin .devicebox .video_iframe place: relative; peak: zero; padding-bottom: 56.9%;
.page-admin .devicebox .video_iframe iframe width: 100%; peak: 100%; place: absolute;
/*–>*/
/*–>*/
/*–>*/