Headlines

3 weeks ago

The FCC just approved the first over the air charging system

59

WattUp will allow your phone to charge without any cables, charging pads, or anything like that.

Thanks to things like Qualcomm Quick Charge, Dash Charge, and Qi wireless charging, topping up our phones has gotten a lot faster and more convenient over the years. However, even with the advancements that we've made, there's no denying that charging our phones is still something we have to think about. Whether you're plugging a cable into your device or laying it on top of a wireless charging pad, you still have to perform a specific action to start topping up.

The FCC recently approved a new wireless charging system called WattUp from Energous, and its goal is to make it so you never have to think about charging your phone ever again.

We've been dreaming about devices that would automatically charge themselves for years, and that's kind of what Energous is setting out to do. WattUp is being marketed as the world's first "over-the-air, power-at-a-distance" system, meaning that your phone will automatically start charging as long as it's within close proximity of the WattUp Mid Field transmitter.

The transmitter sends radio frequency energy waves to devices that support WattUp, and at this time, supported tech will start charging as long as they're within three feet of it.

Per Energous CEO Stephen R. Rizzone:

Older wireless charging technologies have received limited adoption over the past 15 years, and are confined to contact-based charging only. The FCC certification of Energous' power-at-a-distance wireless charging transmitter is a major market milestone. It opens up options, outside of just contact-based charging, to Wireless Charging 2.0: an ecosystem where devices can be charged both, via pad and at a distance.

Energous says that WattUp will function similar to Wi-Fi in regards to its interoperability between various devices and manufacturers, and although we don't have an ETA for when we'll see this tech come to market, Energous will be demoing it at CES 2018 between January 9-12.

Android Oreo beta comes to Xiaomi Mi A1 with fast charging

Read more and comment

 
3 weeks ago

When do carriers start throttling you and what can you do about it?

23

Here's what you need to know about carrier throttling of unlimited plans.

You're probably already aware that all the major U.S. carriers offer an unlimited plan and that they have imposed a limit on it if you use too much data in a single billing period. If you're not, we're talking about wording like this in the carrier terms of service:

On all T-Mobile plans, during congestion, the small fraction of customers using >50GB/month may notice reduced speeds until next bill cycle due to data prioritization.

That's T-Mobile's, but every carrier has something similar in the contract terms that say the same thing — use too much and we can stop giving you that high-speed LTE data that you know and love and toss you back to those 2007 3G data speeds. Users call it throttling, carriers call it prioritization, but no matter what it's called, it means the same thing: some users may get slowed down if they use too much data in a single month.

That has a lot of vague wording in it — some, may, a small fraction, etc. — so we're going to spell it all out because your phone carrier is good at delivering you internet access and we're good at writing. Everyone wins!

More: The best unlimited data plan


What is throttling?

Network data speed (technically, bandwidth) throttling means the same thing as throttling anything else — purposefully choking or restricting a thing. That's exactly what is happening here and the network gets slower because your ID (you sign into your carrier's data network with a unique ID, but it's usually done automatically) has been marked in a way that the servers which route the internet traffic know to only send you data at a certain speed.

When you have used enough data to be hit under your carrier's data prioritization, those speeds are really slow. You'll see people say you get sent back to 3G speeds (I did it above out of habit) but that's not quite right because 3G speeds on AT&T or T-Mobile are waaayyyy faster than the 128Kbps (kilobits per second) average you'll be stuck on if you get throttled. All you really need to remember is that it's slow. Almost too slow to be usable with today's internet for anything more than email.

The good news is that this is probably only going to be a temporary thing. The worst case is you'll be throttled until the end of the billing period, but that is not always the case because of why and when a carrier throttles its users.

Why can I get throttled?

Easy answer: when you use too much data and the carrier is the only one that gets to decide how much is too much. That's why your carrier can get away with dropping a single line about the whole thing into some agreement they hope you never read. But the way it actually works is kind of interesting; it's just a bit too wordy to stick in the agreement blurb.

A cell phone tower (a cell) can only serve a limited number of people at once. For "regular" voice calls at 12Kbps, a rough estimate is about 90 users on a single 5MHz sector if they are all active at once. For VoIP or VoLTE calls, the number is drastically lower because the quality is drastically higher and uses more bandwidth (somewhere around 128Kbps on average). I used voice calls here to demonstrate how IP-based data can use so much more bandwidth than voice — IP calls use 10 times as much data as voice calls.

The equipment that powers your carrier's network has limits.

That same single-sector 5 MHz cell can only deliver about 21 Mbps in total. Let's say a small base station (the hardware that runs what we call a cell tower) that serves a single carrier has three sectors (a rough average) so it can handle 63 Mbps of data at any one time. A bigger station might serve two carriers and have eight sectors so that means 84 Mbps per carrier at once. And that's counting data going two ways, both to a user and coming back from a user. If you can see network speeds of 50 Mbps down and 25 Mbps up, you have the potential to use most of the bandwidth a sector station is capable of delivering.

There are several ways the software that runs a base station can cope with this — they just don't let any user have as much of the total capacity as possible, ever. Switching is one way of making sure it never happens — every user who is actively taking a portion of the bandwidth gets a slot with a specific amount of time they can use it and things are rapidly switched around to all the connected users. This is done fast enough so that your connection doesn't get interrupted (packets are acknowledged before they timeout waiting for a response) so we never notice it.

Left unchecked, your phone could probably use all the bandwidth that a cell site has to offer.

A cell tower can only have so many connected users though, so the software also will switch users in and out of a connected state. If you're not trying to use the network your turn in the queue is skipped and given to a user who is trying to use the network. This is a very simplified explanation of how a modern wide area wireless data network operates but it gives us a great idea of how users are managed when are requesting more data than can be served at any one time. It works great until there are more users who are using data at once than the equipment can handle. When that happens, we see slower speeds or dropped connections.

Nobody likes slow data speeds or things to stop working because the connection keeps dropping, and your carrier likes it even less than we do. It makes them look bad and can cause their software to flake out. So they take further steps, like cutting users who use too much data in a month back so that other users can get what they are paying for.

When will my carrier throttle me?

  • AT&T says "After 22GB of data usage, AT&T may slow speeds."
  • Sprint says "Data deprioritization during congestion after 23GB/mo."
  • T-Mobile says "the small fraction of customers using >50GB/month may notice reduced speeds until next bill cycle due to data prioritization."
  • Verizon says "In times of congestion, your data speeds may be temporarily slower than other traffic" for its Go Unlimited plan and that "after 22 GB/Month, in times of congestion, your data speeds may be temporarily slower than other traffic" for its Beyond Unlimited plan.


What's important to know here is that you might not get throttled no matter how much data you've used in one month and that it might only be temporary if you do. Verizon spells this out in their terms and conditions pretty well, and the other three follow the same sort of policy even if they aren't as clear.

A slow connection is still better than a "no" connection.

"Times of congestion" means there are more users who need data access than the cell site is able to effectively serve. If you work in a big city, you might see service worsen if you go out for lunch. A lot of others are out for lunch and the cell sites have trouble keeping up. Throttling speeds down to a crawl for users who are over the soft limit is a great way to ease that congestion because it allows someone else to get more bandwidth. And a slow connection is better than a connection that drops because nobody is being throttled and the cell site can't switch and prioritize fast enough or efficiently enough.

From the carrier's point of view, you've reached a point where you can take a backseat to another user who hasn't used as much data. It isn't doing this because it is looking out for a user who deserves to be able to use enough data to "get their share" or anything, they do it to keep the network running efficiently and to cut back on customer complaints. If you use 30GB of Verizon's data in a month and complain about service at a particular time in a particular place, Verizon has an easy answer: you've used so much data that they need to slow you down in accordance with the agreement you made with them. If I only used 2GB they have a tougher time justifying why. It's that simple.

A carrier has a responsibility to its customers, and all four major U.S. carriers feel throttling heavy users helps meet it for the rest.

Most people we've heard from who are self-admitted and proud data hogs will say they haven't ever been throttled. Of the ones who have, almost all say it was only temporary and speeds returned when they were in a place with less network congestion. Our best guess is that it's easy for a carrier to temporarily throttle you when they need to, and even easier to stop doing it when they don't so you'll be more satisfied with the service. In any case, being throttled is something you said was OK when you signed up for the plan.

If I get throttled, what can I do about it?

Not a lot. The reasons why you've been throttled are pretty clear, so unless you haven't used the amount of data your carrier says is enough to get tagged, calling to complain is probably pointless. You might find a sympathetic ear that can "fix" it but more than likely you'll just be told the policy and what's in the agreement. If you haven't used that much data you should definitely give your carrier a call and see what's up.

Wi-Fi is the best option. Chances are if you're somewhere that's congested on a regular basis you'll see open Wi-Fi networks available. A good VPN and open Wi-Fi probably won't be as fast as your regular data connection but it will be a good bit faster than a throttled connection from your carrier. If you're with a friend who also has an unlimited plan with tethering, they could set up a hotspot for you to use.

You could also put the phone down and take time to smell the flowers. Think about it.

You could also deal with it and set your expectations correctly. Something like your email or a simple messaging app would still work, but don't expect to be streaming media or even seeing media attached to social network posts. You might still be able to upload media (some users say they are only throttled on the download side) but you won't have that same rich internet experience you usually have.

If you're using a pre-paid carrier that offers "unlimited" slower data once you've used your high-speed allowance for the month you can probably buy more high-speed data through an app or the company's website. Chances are you can set things up in advance and a simple text message will get another GB added to your account in short order. You can also buy a second line with a separate SIM card if you know you'll be throttled on a regular basis and can't deal with slow speeds. Google Voice will let you use one number across multiple lines and you can switch SIM cards when you need to.

The very best thing you can do is prevent it from happening altogether. Using Wi-Fi at home or at work instead of your data will cut back on your total usage and leave more room for when you're out and about.

Carriers

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
3 weeks ago

Do you still use iris scanning on your Samsung phone?

31

Here's how Samsung's iris scanner is holding up.

As great as it's been to see Samsung's Galaxy S8/S8+ and Note 8 trim down their bezels so much, the biggest issue that's come as a result of this is the fingerprint sensor placement. Both the S8 and Note 8 have fingerprint sensors that just aren't all that convenient compared to all other flagships that have been released this year, but this is thankfully remedied with the addition of iris scanning.

Samsung's iris scanning isn't nearly as fast as Face ID on the iPhone X, but it is one of the best facial recognition systems that's currently available for Android.

Some of our forum users recently got to talking about whether or not they're still using iris scanning on their Samsung device, and this is what they had to say.

*/
aldo82 12-21-2017 07:22 AM “

I do like it but I've turned it off as I always feel a bit 'funny' after using it. Hard to explain but it is instantly noticeable. Don't know if it's something that should concern me but it's put me off

Reply
*/
convergent 12-21-2017 09:14 AM “

I like it and use it, but its definitely not 100%. I have it and FPS both turned on and usually simultaneously try to do both and which ever hits first unlocks. But recently I turned on the smart lock with my Gear S3, which is great because when my watch is with me then the phone just stays unlocked. You do have to be careful with that though, because if they are just laying next to either the...

Reply
*/
Derren Woods 12-21-2017 09:45 AM “

It hardly ever works for me, I managed to set it up once but it just never recognises my eyes it was even worse on my old S8 plus it never worked on that. I wonder if eye colour has anything to do with how accurate it is? From the videos I have seen on YouTube those that found it fast and reliable all had dark colour eyes

Reply
*/
digitalbreak 12-21-2017 11:35 AM “

I use it all the time. I also have set up Home button to go to the home screen as I unlock which makes unlocking your phone with IRIS scanner a breeze! It does take little time to get used to right position for you as it needs to scan your eyes but once after that it's really quick!

Reply
*/
rjr1049 12-21-2017 11:45 AM “

I too use it with Samsung Pay and I love it. Works flawlessly and quickly. Much better than using the fingerprint scanner as I did with my old Note 5.

Reply

Now, we'd like to hear from you – Are you using iris scanning on your S8/Note 8?

Join the conversation in the forums!

Samsung Galaxy Note 8

Verizon AT&T T-Mobile Sprint Best Buy

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
3 weeks ago

Google may set up retail stores in India to spur Pixel sales

3

Google could be interested in opening retail stores in India.

The first-gen Pixel flew under the radar in India thanks to an underwhelming marketing campaign by Google, and the company vowed to fix things with its successor. For the Pixel 2, Google started aggressively advertising the device — both via billboards and by launching pop-up stores in major cities across India. And it now looks like the search giant wants to take things to the next level in 2018. According to a new report by Economic Times, Google is planning to set up retail stores in India next year to drive sales of Pixel phones.

Read more and comment

 
3 weeks ago

Android Oreo beta comes to Xiaomi Mi A1 with fast charging

5

Say goodbye to two hours of charging.

When we reviewed the Xiaomi Mi A1 in September, Harish came away rather impressed with Xiaomi's first phone running stock Android. The smooth and clean software experience combined with a premium design, excellent display, and solid cameras resulted in a really compelling package, but there was one area that stuck out like a sore thumb – recharge speed.

The Mi A1's battery lasts surprisingly long, but having to wait two hours to go from 0 to 100% is never fun. Thankfully, this will soon be changing.

Xiaomi is currently running a closed beta of Android Oreo on the Mi A1, and a unit running on this new software has been discovered to now feature drastically increased charge speed. TelecomTalk reports that charging from 0 to 100% on the Oreo beta took just 92 minutes, but what's peculiar is that this was accomplished using a OnePlus 5T Dash Charger.

There's no ETA as to when Oreo will be publically released for the Mi A1, but the fact that a beta is already out in the wild suggests that we won't have to wait too much longer for it.

Android Oreo

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
4 weeks ago

Android One Moto X4 now being updated to 8.0 Oreo

16

It's finally here! 🍪

There are a few different versions of the Moto X4 that you can purchase, but one of our favorites is the Android One variant. Available through Motorola and on Project Fi, the Android One Moto X4 offers a stock build of Android that runs and feels great. The Moto X4 shipped with Android 7.1 Nougat out of the box, but it's now being updated to 8.0 Oreo.

Updating your Android One Moto X4 will change the build number to OPW27.1, and it comes with all of the Oreo goodies you'd expect – including picture-in-picture, adaptive notification dots, the latest Android security patch, and plenty more.

Oreo is rolling out to the Moto X4 now, so if you haven't received an OTA update just yet, it should be hitting your device soon.

Android Oreo

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
4 weeks ago

Why you (and your family) should be using 2FA and a password manager

31

Keep you and your loved ones safe and secure.

So much of what we do every day, day in and day out, is either done online or has a record kept online. Things like your email or a shopping website are obvious, but your bank, mortgage holder, health insurance provider and more are also online companies even if that's not how we interact with them. There is a pretty complete fingerprint of your life stored where plenty of other people can (and often do) look for it.

.container { max-width: 100%; padding: 0; width: 100%; } body.node-format-article article { margin: 0 auto !important; max-width: 100%; overflow: hidden; padding: 0 15px; } body.node-format-article .row { margin: 0 auto; max-width: 1230px; } @media all and (min-width: 761px) { body.node-format-article article { padding: 0 15px 0 50px; } body.node-format-article article.article--normal .article-body { max-width: calc(100% - 360px); } } /* TITLE */ header.article-header, .article-header { position: relative; z-index: 2; } .hero.plain.not-constant .container { margin-bottom: 0; padding: 0 40px 0; } .article-header__tag, /* badge */ .hero.plain .article-title .badge { background: #fff; color: #000; display: inline-block; padding: 10px 15px; margin: 0 0 20px -15px; } .article-header__title, /* headline */ #ctBoc .hero.plain .article-title .main-title { color: #000; line-height: 1.2; margin: 5px 0 25px; } .article-header__intro { /* visor45 intro */ line-height: 1.5; margin: 0 0 50px 0; } .article-header__details { /* author */ border-color: #000; } .article-header__intro, .article-header__authors, .article-header__author a, .article-header__time, .article-header__comments, .hero.plain .article-title .meta-data, .hero.plain .article-title .meta-data .author, .hero.plain .article-title .article-time, .hero.plain .article-title .article-time:before { color: #000; } .hero.plain .article-title .article-time:before, .hero.plain:before { display: none; } .hero.plain .article-title .meta-data:before { border-top: 1px solid rgba(0,0,0,0.1); content: ""; display: block; margin: 0 0 20px; max-width: 1200px; width: calc(100vw - 100px); } @media all and (min-width: 1201px) { body.node-format-article .article-header__tag, .hero.not-constant .article-title { max-width: calc(100% - 350px); } body.node-format-article .article-header__title, body.node-format-article .article-header__intro, .hero.not-constant .article-title { width: calc(100% - 350px); } } @media all and (max-width: 1200px) { body.node-format-article .article-header__tag, body.node-format-article .article-header__title, body.node-format-article .article-header__intro, .hero.not-constant .article-title { max-width: 780px; } } @media all and (max-width: 760px) { .article-header__tag { margin: 0 0 20px; } } /* ac title */ body.ac .article-header__tag, /* badge */ body.ac .hero.plain .article-title .badge { background: #fbb95b; color: #fff; } body.ac .article-header__title, /* headline */ body.ac .hero.plain .article-title .main-title, body.ac #ctBoc .hero.plain .article-title .main-title { color: #fff; } body.ac .article-header__intro, body.ac .article-header__authors, body.ac .article-header__author a, body.ac .article-header__time, body.ac .article-header__comments, body.ac .hero.plain .article-title .meta-data, body.ac .hero.plain .article-title .meta-data .author, body.ac .hero.plain .article-title .article-time, body.ac .hero.plain .article-title .article-time:before { color: #fff; font: 11px "Vitesse Medium",serif; } /* wc title */ body.wp .article-header__tag, /* badge */ body.wp #ctBoc .hero.plain .article-title .badge { color: #fff; margin: 0 0 20px; } body.wp .article-header__title, /* headline */ body.wp #ctBoc .hero.plain .article-title .main-title { color: #fff; } body.wp .article-header__intro, body.wp .article-header__authors, body.wp .article-header__author a, body.wp .article-header__time, body.wp .article-header__comments, body.wp #ctBoc .hero.plain .article-title .meta-data, body.wp #ctBoc .hero.plain .article-title .meta-data .author, body.wp #ctBoc .hero.plain .article-title .article-time, body.wp #ctBoc .hero.plain .article-title .article-time:before { color: #fff; font-size: 11px; } body.wp #ctBoc .hero .article-title .meta-data .author { color: #fff !important; } /* vrh title */ body.vr .article-header__tag, /* badge */ body.vr #ctBoc .hero.plain .article-title .badge { background: none; color: #fff; margin: 0 0 20px; padding: 0; } body.vr .article-header__title, /* headline */ body.vr #ctBoc .hero.plain .article-title .main-title { color: #fff; } body.vr .article-header__intro, body.vr .article-header__authors, body.vr .article-header__author a, body.vr .article-header__time, body.vr .article-header__comments, body.vr #ctBoc .hero.plain .article-title .meta-data, body.vr #ctBoc .hero.plain .article-title .meta-data .author, body.vr #ctBoc .hero.plain .article-title .article-time, body.vr #ctBoc .hero.plain .article-title .article-time:before { color: #fff; font-size: 11px; } /* INTRO */ #ctBoc .article-body-wrap .article-body p:nth-of-type(-n+2), .article-body__drop-character, #ctBoc .article-body p[class*="day"] { line-height: 1.7; position: relative; z-index: 2; } .article-body__drop-character:first-letter { color: #fff; font-size: 60px; } @media all and (min-width: 901px) { #ctBoc .article-body-wrap .article-body p:nth-of-type(-n+2), #ctBoc .article-body p:nth-of-type(-n+2) { width: 810px; } } @media all and (max-width: 900px) and (min-width: 801px) { #ctBoc .article-body-wrap .article-body p:nth-of-type(-n+2), #ctBoc .article-body p:nth-of-type(-n+2) { width: calc(100vw - 140px); } } /* ac intro */ /* wc intro */ /* vrh intro */ body.ac #ctBoc .article-body-wrap .article-body .field-item > p:nth-of-type(-n+2), body.wp #ctBoc .article-body-wrap .article-body .field-item > p:nth-of-type(-n+2), body.vr #ctBoc .article-body-wrap .article-body .field-item > p:nth-of-type(-n+2) { color: #fff; } /* BACKGROUND */ .menu-expand { position: relative; } .menu-expand:before { background: #ccc; bottom: 100%; content: ""; display: block; height: 5000px; left: 50%; position: absolute; transform: translate(-50%,0); width: 120vw; z-index: 1; } /* ac background */ body.ac .menu-expand:before { background: #6ab2be; background: url(https://www.androidcentral.com/sites/androidcentral.com/files/article_images/2017/12/12-days-back-ac_0.jpg), linear-gradient(to right, #6ab2be 50%, #445486 50%); } body.ac .menu-expand:after, body.wp .menu-expand:after { background: linear-gradient(to top, rgba(0,0,0,0.1), rgba(0,0,0,0)); bottom: 100%; content: ""; height: 500px; left: -100%; position: absolute; width: 200vw; z-index: 1; } body.ac .container { overflow: visible; } /* imore background */ body.im .menu-expand:before { background: #ffd600; background: url(https://www.imore.com/sites/imore.com/files/field/image/2017/12/12-days-back-imore.jpg), linear-gradient(to right, #ffd600 50%, #fff 50%); } /* wc background */ body.wp .menu-expand:before { background: #ed2390; background: url(https://www.windowscentral.com/sites/wpcentral.com/files/field/image/2017/12/12-days-back-wc.jpg), linear-gradient(to right, #ed2390 50%, #1cadef 50%); } /* vrh background */ body.vr .menu-expand:before { background: #ef5340; background: url(https://www.vrheads.com/sites/vrheads.com/files/field/image/2017/12/12-days-vrh-background_1.jpg), linear-gradient(to right, #ed513e 50%, #ef5541 50%); } /* all */ body.ac .menu-expand:before, body.im .menu-expand:before, body.wp .menu-expand:before, body.vr .menu-expand:before { background-position: center bottom; background-repeat: no-repeat; } /* MENU */ #ctBoc .article-body ul.twelvedaysmenu { margin: 0; padding: 0; position: relative; } #ctBoc .article-body ul.twelvedaysmenu:after { /* line */ content: ""; border-bottom: 1px solid #aaa; bottom: -28px; height: 0; position: absolute; width: 100%; } #ctBoc .article-body ul.twelvedaysmenu li { margin: 0; padding: 0; position: relative; white-space: nowrap; width: auto; z-index: 1; } /* dot space */ #ctBoc .article-body ul.twelvedaysmenu li:before { background: #fff; border: none; border-radius: 0; bottom: -30px; content: ""; height: 4px; left: calc(50% - 12px); padding: 0; position: absolute; top: auto; width: 24px; z-index: 2; } /* dot */ #ctBoc .article-body ul.twelvedaysmenu li a:after { background: #000; border: none; border-radius: 50%; bottom: -30px; content: ""; height: 4px; left: calc(50% - 2px); position: absolute; width: 4px; z-index: 3; } #ctBoc .article-body ul.twelvedaysmenu li a { border: none; box-shadow: none; font-size: 14px; line-height: 14px; text-decoration: none; text-transform: uppercase; } /* day of */ #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { cursor: default; pointer-events: none; } #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a:after, #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a:after, #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a:after, #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a:after, #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a:after, #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a:after, #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a:after, #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a:after, #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a:after, #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a:after, #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a:after, #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a:after { bottom: -31px; left: calc(50% - 3px); height: 6px; width: 6px; } /* disabled */ #ctBoc .article-body ul.twelvedaysmenu li a.disabled, #ctBoc .article-body ul.twelvedaysmenu li a.disabled:after { color: #aaa; cursor: default; pointer-events: none; } #ctBoc .article-body ul.twelvedaysmenu li a.disabled:after { background: #aaa; } @media all and (min-width: 851px) { input.menu-expand__trigger, input.menu-expand__trigger + label { display: none; } #ctBoc .article-body ul.twelvedaysmenu { display: flex; justify-content: space-between; margin: 0; padding: 80px 0 0; position: absolute; width: 100%; z-index: 1; } /* dot space */ #ctBoc .article-body ul.twelvedaysmenu li:first-child:before { left: 0; width: 14px; } #ctBoc .article-body ul.twelvedaysmenu li:last-child:before { left: auto; right: 0; width: 14px; } /* dot */ #ctBoc .article-body ul.twelvedaysmenu li:first-child a:after { left: 0; } #ctBoc .article-body ul.twelvedaysmenu li:last-child a:after { left: auto; right: 0; } #ctBoc .article-body .menu-expand + * { margin-top: 250px; } } /* visor45 */ @media all and (min-width: 1301px) { body.node-format-article .article-body .menu-expand { width: 1154px; } } @media all and (max-width: 1300px) and (min-width: 1231px) { body.node-format-article .article-body .menu-expand { width: calc(100% + 432px); } } @media all and (max-width: 1230px) and (min-width: 851px) { body.node-format-article .article-body .menu-expand { width: calc(100vw - 70px); } } @media all and (min-width: 851px) { body.node-format-article .article-body .menu-expand { } } /* visor 4 */ @media all and (min-width: 1351px) { #ctBoc .article-body-wrap .article-body .menu-expand { width: 1200px; } } @media all and (min-width: 1025px) { #ctBoc .visor-style-article .article-body-wrap .article-body { padding: 0 90px 20px 20px; } } @media all and (max-width: 1350px) and (min-width: 768px) { #ctBoc .article-body-wrap { padding: 0 20px; } } @media all and (max-width: 1350px) and (min-width: 1025px) { #ctBoc .article-body-wrap .article-body .menu-expand { width: calc(100vw - 120px); } } @media all and (max-width: 1024px) and (min-width: 851px) { #ctBoc .article-body-wrap .article-body .menu-expand { width: calc(100vw - 140px); } } /* ac menu */ body.ac #ctBoc .article-body ul.twelvedaysmenu li a { display: block; font-family: "Vitesse Medium",serif; } body.ac #ctBoc .article-body ul.twelvedaysmenu li a strong { font-weight: normal; } body.ac #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a:after, /* dot */ body.ac #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a:after, body.ac #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a:after, body.ac #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a:after, body.ac #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a:after, body.ac #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a:after, body.ac #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a:after, body.ac #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a:after, body.ac #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a:after, body.ac #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a:after, body.ac #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a:after, body.ac #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a:after { display: none; } @media all and (min-width: 851px) { body.ac #ctBoc .article-body ul.twelvedaysmenu { padding: 0; } body.ac #ctBoc .article-body ul.twelvedaysmenu:before { /* menu background */ background: #6ab2be; bottom: 0; content: ""; left: 50%; position: absolute; top: 0; transform: translate(-50%,0); width: 100vw; } body.ac #ctBoc .article-body ul.twelvedaysmenu:after { /* line */ border-color: #fff; bottom: 17px; } body.ac #ctBoc .article-body ul.twelvedaysmenu li:before { /* dot space */ background: #6ab2be; bottom: 15px; } body.ac #ctBoc .article-body ul.twelvedaysmenu li a:after { /* dot */ background: #fff; bottom: 15px; } body.ac #ctBoc .article-body ul.twelvedaysmenu li a { color: #fff; padding: 50px 10px 30px; } body.ac #ctBoc .article-body ul.twelvedaysmenu li a:first-of-type { margin-left: -10px; } body.ac #ctBoc .article-body ul.twelvedaysmenu li a:last-of-type { margin-right: -15px; } body.ac #ctBoc .article-body ul.twelvedaysmenu li a:not(:disabled):hover { background: #fbb95b; position: relative; z-index: 2; } body.ac #ctBoc .article-body ul.twelvedaysmenu li a:not(:disabled):hover:after { display: none; } body.ac #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.ac #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.ac #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.ac #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.ac #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.ac #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.ac #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.ac #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.ac #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.ac #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.ac #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.ac #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { background: #fbb95b; position: relative; z-index: 2; } body.ac #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a strong, body.ac #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a strong, body.ac #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a strong, body.ac #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a strong, body.ac #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a strong, body.ac #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a strong, body.ac #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a strong, body.ac #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a strong, body.ac #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a strong, body.ac #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a strong, body.ac #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a strong, body.ac #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a strong { font-size: 32px; left: 50%; position: absolute; top: 20px; transform: translate(-50%,0); } body.ac #ctBoc .article-body ul.twelvedaysmenu li a.disabled { color: rgba(255,255,255,0.66); } body.ac #ctBoc .article-body ul.twelvedaysmenu li a.disabled:after { /* dot */ background: rgba(255,255,255,0.66); } body.ac #ctBoc .article-body .menu-expand + * { margin-top: 175px; } } @media all and (max-width: 850px) { body.ac #ctBoc .article-body ul.twelvedaysmenu li a:not(.disabled) { border-bottom: 2px solid #fbb95b; color: #000; display: inline; } body.ac #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.ac #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.ac #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.ac #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.ac #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.ac #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.ac #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.ac #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.ac #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.ac #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.ac #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.ac #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { border: none; color: #6ab2be; font-size: 28px; } } /* imore menu */ body.im #ctBoc .article-body ul.twelvedaysmenu li a { font-family: "Nexa Slab Light","Helvetica Neue",Helvetica,Arial,sans-serif; } body.im #ctBoc .article-body ul.twelvedaysmenu li:hover a:not(.disabled):after, body.im #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a:after, body.im #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a:after, body.im #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a:after, body.im #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a:after, body.im #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a:after, body.im #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a:after, body.im #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a:after, body.im #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a:after, body.im #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a:after, body.im #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a:after, body.im #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a:after, body.im #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a:after { background: #ffd600; } body.im #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.im #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.im #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.im #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.im #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.im #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.im #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.im #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.im #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.im #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.im #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.im #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { font-size: 28px; text-transform: lowercase; } body.im #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a:before, body.im #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a:before, body.im #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a:before, body.im #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a:before, body.im #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a:before, body.im #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a:before, body.im #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a:before, body.im #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a:before, body.im #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a:before, body.im #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a:before, body.im #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a:before, body.im #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a:before { background: #ffd600; bottom: 8px; content: ""; left: -15px; position: absolute; right: -15px; top: 2px; z-index: -2; } @media all and (min-width: 851px) { body.im #ctBoc .article-body ul.twelvedaysmenu li:hover a:not(.disabled):before { /* yellow */ background: #ffd600; bottom: 8px; content: ""; left: -5px; position: absolute; right: -5px; top: 9px; z-index: -2; } } @media all and (max-width: 1000px) and (min-width: 851px) { body.im #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.im #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.im #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.im #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.im #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.im #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.im #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.im #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.im #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.im #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.im #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.im #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { font-size: 28px; } } /* wc menu */ body.wp #ctBoc .article-body ul.twelvedaysmenu li a { display: block; text-transform: lowercase; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a strong { font-weight: normal; } @media all and (min-width: 851px) { body.wp #ctBoc .article-body ul.twelvedaysmenu { padding: 0; } body.wp #ctBoc .article-body ul.twelvedaysmenu:before { /* menu background */ background: #1cadef; bottom: 0; content: ""; left: 50%; position: absolute; top: 0; transform: translate(-50%,0); width: 100vw; } body.wp #ctBoc .article-body ul.twelvedaysmenu:after { /* line */ border-color: #fff; bottom: 17px; } body.wp #ctBoc .article-body ul.twelvedaysmenu li:before { /* dot space */ background: #1cadef; bottom: 15px; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a:after { /* dot */ background: #fff; bottom: 15px; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a { color: #fff; padding: 50px 10px 30px; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a:first-of-type { margin-left: -10px; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a:last-of-type { margin-right: -15px; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a:not(:disabled):hover { background: #ed2390; opacity: 1; position: relative; z-index: 2; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a:not(:disabled):hover:after { display: none; } body.wp #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.wp #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.wp #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.wp #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.wp #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.wp #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.wp #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.wp #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.wp #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.wp #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.wp #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.wp #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { background: #1cadef; line-height: 2.5; padding: 5px 10px 0; position: relative; text-align: center; z-index: 2; } body.wp #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a strong, body.wp #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a strong, body.wp #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a strong, body.wp #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a strong, body.wp #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a strong, body.wp #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a strong, body.wp #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a strong, body.wp #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a strong, body.wp #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a strong, body.wp #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a strong, body.wp #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a strong, body.wp #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a strong { display: block; font-size: 56px; line-height: 0.9; } body.wp #ctBoc .article-body ul.twelvedaysmenu li a.disabled { color: rgba(255,255,255,0.66); } body.wp #ctBoc .article-body ul.twelvedaysmenu li a.disabled:after { /* dot */ background: rgba(255,255,255,0.66); } body.wp #ctBoc .article-body .menu-expand + * { margin-top: 175px; } } @media all and (max-width: 850px) { body.wp #ctBoc .article-body ul.twelvedaysmenu li a:not(.disabled) { border-bottom: 1px solid #ed2390; color: #000; display: inline; } body.wp #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.wp #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.wp #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.wp #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.wp #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.wp #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.wp #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.wp #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.wp #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.wp #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.wp #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.wp #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { border: none; color: #1cadef; font-size: 28px; } } /* vrh menu */ body.vr #ctBoc .article-body ul.twelvedaysmenu li a { display: block; text-transform: lowercase; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a strong { font-weight: normal; } @media all and (min-width: 851px) { body.vr #ctBoc .article-body ul.twelvedaysmenu { padding: 0; } body.vr #ctBoc .article-body ul.twelvedaysmenu:after { /* line */ border-color: #ddd; bottom: 17px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li:before { /* dot space */ bottom: 15px; left: calc(50% - 20px); width: 40px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li:first-child:before { left: 7px; width: 20px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li:last-child:before { left: auto; width: 20px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a:after { /* dot */ background: #fa5738; bottom: 15px; box-shadow: 0 0 0 5px #fff, 0 0 0 6.5px #fa5738; } body.vr #ctBoc .article-body ul.twelvedaysmenu li:first-child a:after { left: 7px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a { color: #000; padding: 50px 10px 30px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a:first-of-type { margin-left: -10px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a:last-of-type { margin-right: -15px; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a:not(:disabled):hover { background: #fa5738; color: #fff; opacity: 1; position: relative; z-index: 2; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a:not(:disabled):hover:after { display: none; } body.vr #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.vr #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.vr #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.vr #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.vr #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.vr #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.vr #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.vr #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.vr #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.vr #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.vr #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.vr #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { background: #fa5738; color: #fff; line-height: 2.5; padding: 5px 20px 0; position: relative; text-align: center; z-index: 2; } body.vr #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a strong, body.vr #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a strong, body.vr #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a strong, body.vr #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a strong, body.vr #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a strong, body.vr #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a strong, body.vr #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a strong, body.vr #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a strong, body.vr #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a strong, body.vr #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a strong, body.vr #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a strong, body.vr #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a strong { display: block; font-size: 56px; line-height: 1.1; } body.vr #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a:after, body.vr #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a:after, body.vr #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a:after, body.vr #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a:after, body.vr #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a:after, body.vr #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a:after, body.vr #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a:after, body.vr #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a:after, body.vr #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a:after, body.vr #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a:after, body.vr #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a:after, body.vr #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a:after { display: none; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a.disabled { color: #aaa; } body.vr #ctBoc .article-body ul.twelvedaysmenu li a.disabled:after { /* dot */ background: #ccc; box-shadow: 0 0 0 5px #fff, 0 0 0 6.5px #ccc; } body.vr #ctBoc .article-body .menu-expand + * { margin-top: 175px; } } @media all and (max-width: 850px) { body.vr #ctBoc .article-body ul.twelvedaysmenu li a:not(.disabled) { border-bottom: 1px solid #fa5738; color: #000; display: inline; } body.vr #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, body.vr #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, body.vr #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, body.vr #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, body.vr #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, body.vr #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, body.vr #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, body.vr #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, body.vr #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, body.vr #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, body.vr #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, body.vr #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { border: none; color: #fa5738; font-size: 28px; } } /* MOBILE MENU */ @media all and (max-width: 850px) { .menu-expand { padding-top: 15px; } input.menu-expand__trigger { opacity: 0; position: absolute; } /* arrows */ input.menu-expand__trigger + label { cursor: pointer; font-size: 14px; left: 1.5px; line-height: 1; position: absolute; top: 21px; width: 125px; word-break: break-word; z-index: 5; } input.menu-expand__trigger + label:before { content: "\0025B2"; display: block; } input.menu-expand__trigger + label:after { content: "\0025BC"; display: block; } /* arrows expanded */ input.menu-expand__trigger:checked + label { line-height: 0.9; } input.menu-expand__trigger:checked + label:before { content: "\0025BC"; } input.menu-expand__trigger:checked + label:after { content: "\0025B2"; } #ctBoc .article-body .day1 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 0 + 24px); } #ctBoc .article-body .day2 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 1 + 24px); } #ctBoc .article-body .day3 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 2 + 24px); } #ctBoc .article-body .day4 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 3 + 24px); } #ctBoc .article-body .day5 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 4 + 24px); } #ctBoc .article-body .day6 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 5 + 24px); } #ctBoc .article-body .day7 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 6 + 24px); } #ctBoc .article-body .day8 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 7 + 24px); } #ctBoc .article-body .day9 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 8 + 24px); } #ctBoc .article-body .day10 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 9 + 24px); } #ctBoc .article-body .day11 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 10 + 24px); } #ctBoc .article-body .day12 ~ .menu-expand input.menu-expand__trigger:checked + label { top: calc(28px * 11 + 24px); } input.menu-expand__trigger ~ .menu-expand__container { padding-left: 7px; } /* collapsed dots and lines */ #ctBoc .article-body .day1 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(1)) a, #ctBoc .article-body .day2 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(2)) a, #ctBoc .article-body .day3 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(3)) a, #ctBoc .article-body .day4 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(4)) a, #ctBoc .article-body .day5 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(5)) a, #ctBoc .article-body .day6 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(6)) a, #ctBoc .article-body .day7 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(7)) a, #ctBoc .article-body .day8 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(8)) a, #ctBoc .article-body .day9 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(9)) a, #ctBoc .article-body .day10 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(10)) a, #ctBoc .article-body .day11 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(11)) a, #ctBoc .article-body .day12 ~ .menu-expand input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:not(:nth-child(12)) a, #ctBoc .article-body input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu:after, #ctBoc .article-body input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li:before, #ctBoc .article-body input.menu-expand__trigger:not(:checked) ~ .menu-expand__container ul.twelvedaysmenu li a:after { display: none; } #ctBoc .article-body ul.twelvedaysmenu li { display: list-item; list-style: none; padding-left: 20px; } #ctBoc .article-body ul.twelvedaysmenu li a { line-height: 2; } #ctBoc .article-body ul.twelvedaysmenu:after { /* line */ border-bottom: none; border-right: 1px solid #aaa; bottom: 10px; height: calc(100% - 20px); left: 1px; width: 0; } #ctBoc .article-body ul.twelvedaysmenu li:before { /* dot space */ bottom: calc(50% - 5px); height: 14px; left: 0; width: 4px; } #ctBoc .article-body ul.twelvedaysmenu li a:after { /* dot */ bottom: calc(50% - 0px); height: 3px; left: 0; width: 3px; } /* day of */ #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a, #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a, #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a, #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a, #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a, #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a, #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a, #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a, #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a, #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a, #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a, #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a { line-height: 1.5; margin-left: -4px; position: relative; } #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a:after, #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a:after, #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a:after, #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a:after, #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a:after, #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a:after, #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a:after, #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a:after, #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a:after, #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a:after, #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a:after, #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a:after { background: #fff !important; bottom: calc(50% - 15px); height: 31px; left: -17px; } body.im #ctBoc .article-body .day1 ~ .menu-expand ul.twelvedaysmenu li:nth-child(1) a:before, body.im #ctBoc .article-body .day2 ~ .menu-expand ul.twelvedaysmenu li:nth-child(2) a:before, body.im #ctBoc .article-body .day3 ~ .menu-expand ul.twelvedaysmenu li:nth-child(3) a:before, body.im #ctBoc .article-body .day4 ~ .menu-expand ul.twelvedaysmenu li:nth-child(4) a:before, body.im #ctBoc .article-body .day5 ~ .menu-expand ul.twelvedaysmenu li:nth-child(5) a:before, body.im #ctBoc .article-body .day6 ~ .menu-expand ul.twelvedaysmenu li:nth-child(6) a:before, body.im #ctBoc .article-body .day7 ~ .menu-expand ul.twelvedaysmenu li:nth-child(7) a:before, body.im #ctBoc .article-body .day8 ~ .menu-expand ul.twelvedaysmenu li:nth-child(8) a:before, body.im #ctBoc .article-body .day9 ~ .menu-expand ul.twelvedaysmenu li:nth-child(9) a:before, body.im #ctBoc .article-body .day10 ~ .menu-expand ul.twelvedaysmenu li:nth-child(10) a:before, body.im #ctBoc .article-body .day11 ~ .menu-expand ul.twelvedaysmenu li:nth-child(11) a:before, body.im #ctBoc .article-body .day12 ~ .menu-expand ul.twelvedaysmenu li:nth-child(12) a:before { bottom: 10px; left: -5px; right: -5px; top: 10px; } } /* ADS */ @media all and (min-width: 851px) { .sidebar { padding-top: 530px; } .sidebar > div:nth-last-of-type(-n+3) { display: none; } } @media all and (min-width: 801px) { aside.col-right { padding-top: 530px; } } @media all and (max-width: 850px) { .sidebar, aside.col-right { z-index: 5; } } /* SOCIAL */ #ctBoc .mn_mbn_share a { position: relative; } #ctBoc .mn_mbn_share a:hover { background: #000 !important; } .mn_mbn_share a:before { /* icons */ position: relative; } .mn_mbn_share a.mr-share:before { /* share more */ border: 2px solid; border-radius: 50%; display: block; height: 26px; left: 50%; line-height: 25px; top: 50%; transform: translate(-50%,-50%); width: 26px; } @media all and (min-width: 768px) { .mn_mbn_share a, .mn_mbn_share a:link { height: 48px; line-height: 48px; width: 48px; } } @media all and (max-width: 768px) { .mn_mbn_share a.mr-share:before { /* share more */ top: 14px; } } /* ac social */ body.ac #ctBoc .mn_mbn_share a { background: #6ab2be; } /* imore social */ body.im #ctBoc .mn_mbn_share a { background: #ffd600; } /* wc social */ body.wp #ctBoc .mn_mbn_share a { background: #ed2390; } /* vrh social */ body.vr #ctBoc .mn_mbn_share a { background: #ed513e; } /*-->*/ /*-->*/

So what should we do about it? That's easy — use a good password for everything, make sure you don't use the same password in more than one place, and secure things with a second step anytime you can.

You can't remember all those passwords

Don't feel bad because nobody else can, either. A good password simply means one that someone else who is really good at figuring this stuff out isn't likely to be able to use. That means they aren't something you are going to be remembering, especially when there are more than a few of them. That's where a password manager comes in.

Best password manager for Android

A password manager is like a safe that holds all your passwords and gives the right one to the right place when it's needed once it's sure you really asked for it. Enter all your account information into it and then all you need to remember is one good secure password that's used as your OK to let it share its data with another app or website. Now there is only one thing to remember and it gives you more secure access to everything else!

Remembering one good password is something we can all do.

There are a lot of good ways to manage passwords. A recipe box filled with index cards that sits on your desk is one way, but a good app from a trusted company does a better job and offers more features. Most have a way to keep a backup copy of your password database in case you lose your phone or it gets stolen, as well as extras like a place to store credit card info or secure notes. The best secondary feature you'll find is a password generator that can create a good password, then put it in the database and be ready to serve it to the right place so you never have to worry about keeping track of it.

Password managers work great on your Chromebook, too!

The first thing a person who gets your password is going to do is to try to use it everywhere. That's why it's important to never reuse passwords at more than one place because when someone breaks into the servers at Target, or Adobe, or Yahoo! or anywhere else and gets your username and password, you certainly don't want to let them run up your credit card by buying things at Amazon. You just can't remember all those passwords.

The convenience and security a proper password manager offers are better than anything you can do to manage things yourself and it's more secure, too. If you're not using one, stop right now and set one up — then help make sure the rest of your family is doing the same thing.

A password is a key to the door and 2FA is the drawbridge over the moat

I forget who said it, but 2FA (two-factor authentication) has been described this way. Imagine a castle with attackers at the gate. It has a very strong door (the password) but also has another deterrent in the form of a drawbridge that's lifted so nobody can get over a moat filled with medieval monsters of some sort. 2FA is that drawbridge and it only gets lowered when you tell it to lower.

In non-technical terms, 2FA is simply a second way to prove your identity before access to digital data is given. You prove your identity using two of these three things:

  • Something you know (a password)
  • Something you have (a code from an app or text message)
  • Something you are (your fingerprint)

How to set up two-factor authentication on your Google account

Most of us have used it in one form or another even if we didn't know it. The three-digit number on the back of your Visa card is an example of something you have; ideally, you only know it if you have the card there in front of you which means you have your wallet which means you are probably the person whose name is on the front. A more complicated method that's just as simple to understand: when you log into your computer at work the server checks to see if you swiped your employee ID to get into the building before it starts showing you any company data.

2FA for our online accounts is (thankfully) much more simple that an authentication server at work thanks to our smartphone. Using an Authenticator app you are given a short code to enter along with a password. Having this code means that you have your phone and your password — two of the three things. And as long as your Authenticator app is protected with a good password as mentioned above, only you can use it.

Two-factor authentication: What you need to know

This sounds like a lot more hassle than it really is because your phone is also secured and can be trusted. Most places that offer 2FA also allow you to say you trust the device you're using to access it and you can bypass the step once you've proven your identity. As long as you have a good password on your phone and the company that makes it doesn't allow someone unlimited tries to guess that password, you're pretty safe.

One extra layer of security is never a bad thing!

But trying to access the same account from another device, whether it be another phone or a computer, means you'll need to enter the 2FA code. This means you can get on Twitter or Facebook (or Amazon or your bank's website) from your phone easily but I can't get in from my phone or computer without having your 2FA code, which only comes to your phone. Following? It's a great big circle of trust that doesn't allow anyone else in it.

Google wants you to upgrade to (its) better two-factor authentication

How to install and set up Authy for two-factor authentication on your Android

Be safe, be secure

Look, we know that most of us aren't high-profile targets with people focused on hacking into our lives. Those people have extra steps they can take, but we don't need those. But we are all potential victims of chance when it comes to phishing attacks or corporate database breaches. Not using a password manager and 2FA whenever it's offered is crazy.

Don't be a victim. And don't let the people closest to you be one, either. Use a good password manager and two-factor authentication for everything, all the time!

Read more and comment

 
4 weeks ago

Samsung Galaxy Note 8 vs. Galaxy Note 5: Should you upgrade?

122
Samsung Galaxy Note 8 and Galaxy Note 5

Is it time to move on to the new Note?

With the quick rise and fall of the Galaxy Note 7, there's a huge number of people out there with a Galaxy Note 5 today who have been dying to get their hands on something fresh. The Note 5 is, with little argument, still a strong phone today — but with contracts and financing plans coming to an end two years after the Note 5 came out, the upgrade cycle is ready to set those people on to something new. At the same time, early adopters who would have (or actually had) bought a Note 7 have been extra twitchy waiting for a refresh.

Note users, on average, are very likely to want to upgrade to a new Note, not just a new phone. And now the time has come, with the Galaxy Note 8. So is this the right upgrade for a Note 5 user? Or has the time finally come to consider a different kind of phone? Let's break it down.

What's changed and improved

The biggest (literally) and most noticeable change in this two-year upgrade is the size of the Note 8. In moving to a new 18.5:9 aspect ratio and going with a larger overall screen, the Note 8 is much taller and heavier than the Note 5. At almost a centimeter taller and 14% heavier, the Note 8 is pretty hefty, even though its curved sides and slightly narrower footprint help a little in terms of grip. Chances are if you're used to a Note you'll be able to adapt to the larger size, but know that you will be going considerably larger here.

Bigger, better-specced, waterproof and filled with new little features.

But for that size change, you get more inside the phone and more of a better screen to look at. The internals have bumped notably, if not considerably — a more efficient and powerful processor, higher base storage of 64GB, an extra 2GB of RAM and a 10% larger battery are all big perks. The display is nicer, for sure, especially in its color saturation and peak brightness — but the Note 5's display still holds up well today, so you're probably not scrambling for an upgrade just because of that.

The addition of IP68 water resistance is a huge improvement that everyone can enjoy, as is the move to a USB-C connector — at least after you get over the initial pain of swapping out cables and accessories for the new port. The Note 8 also adds iris scanning and face detection for a more seamless unlocking experience ... but in a trade-off, you have to give up your well-positioned fingerprint sensor for one high up on the back of the phone that's tougher to reach when you do need it — is that worth it? It's probably a wash.

More: Complete Galaxy Note 8 specs

In the no-compromise addition category is the rear camera improvements. The Note 8's camera is actually lower resolution, but has a faster lens and larger pixels that together handily beat the Note 5's shooter (which in itself has aged very well). Then you get the secondary camera, which lets you zoom without losing resolution and also take neat photos that blur the background artificially for a pro-like look.

What hasn't changed much

Perhaps unsurprisingly, there are many things that haven't changed much in the Note world in the last two years. Samsung's S Pen, while slightly improved in terms of tracking, hasn't made a monumental leap forward from the Note 5 to the Note 8. In the same vein, the new suite of S Pen-focused software is good ... but much of it has actually already come to the Note 5 in its Android 7.0 Nougat update. There are just a handful of new software tweaks that you aren't likely to see on the Note 5, but none of them are game-changing.

The Note 5's hardware and software actually hold up today — but the future isn't so certain.

The same actually stands for much of the software experience. Assuming your Note 5 has the Nougat update, you have perhaps 90% of the same experience as a Note 8 out of the box. That's worth a golf clap in Samsung's direction for keeping an older device up to date, but it also means you don't need to go clamoring for the Note 8 just to get new software. That will, of course, change in the near future as the Note 5 is likely at the end of its life in terms of major software updates. The Note 8 will be one of the first phones to get Android 8.0 Oreo, and the Note 5's prospects of getting much more than a few future security patches are slim.

There's no doubt that the Note 8's hardware is great, and we already covered some of the spec and feature differences included in it, but hey the Note 5 is no slouch — even by 2017 standards. The metal and glass found on that 2015 device feels just as solid as today, if not more so considering how much more exposed aluminum there is, coupled with a flat display glass that's less susceptible to damage.

Should you upgrade?

Samsung does a fantastic job each year in designing its new phones so that they, by and large, are notable upgrades from their predecessors without losing much along the way. Looking at the Note 5 to the Note 8, it's almost all upside: a larger (nicer) display, better specs, improved cameras, waterproofing, and of course the expectation of future software updates. On the downside, if you could call it that, it is a considerably larger phone and the fingerprint sensor move can be a vexing one.

If you're a Note 5 owner that's still proud to have a Note, buying the Note 8 is a clear decision that you shouldn't hesitate on.

The bigger question, as always, is for those who are happy with their Note 5 but not necessarily in love with it and would potentially consider something different. The Galaxy S8 offers the whole experience, minus the S Pen and dual cameras, in a more compact package for those who have grown tired of the Note 5's size. Since 2015 the competition from LG, HTC and others has also caught up quite a bit, offering larger devices with great specs and many of the same features — again, sans stylus.

If the Note 8 price makes your eyes water, and you're not tied to the S Pen, you should look at the field of great smartphones today rather than jump right to the new Note.

Samsung Galaxy Note 8

Verizon AT&T T-Mobile Sprint Best Buy

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
4 weeks ago

Stable Oreo update now rolling out to the LG V30 in South Korea

5

LG V30 starts receiving the Android 8.0 Oreo update.

LG has been beta testing the Oreo update for the LG V30 in its home market for nearly a month, and the company is now rolling out the stable build. Like the beta update, the stable Oreo build is initially rolling out to V30 users in South Korea.

Read more and comment

 
4 weeks ago

Oreo stable update now rolling out to the OnePlus 5, Face Unlock coming soon

11

After a month of beta testing, the Oreo stable update is now available for the OnePlus 5.

OnePlus said it'll deliver Android 8.0 Oreo to the OnePlus 5 in early 2018, and the company is now rolling out the update ahead of schedule. The OxygenOS 5.0 update comes in at 1.5GB, and includes the December security patch along with a slew of new features and tweaks.

Read more and comment

 
1 month ago

Every Google Pixel 2 and Pixel 2 XL Case We Could Find

73

Looking for a case for your brand new Google Pixel 2 or Pixel 2 XL? We've got you covered!

There are so many reasons to get a case for your Google Pixel 2 or Pixel 2 XL. Whether you want the highest level of protection available to prevent damage to your new phone or the most transparent, thinnest case available to show off your new phone with pride, there are plenty of options out there.

Regardless of the reason, if you want a case for your Google Pixel 2 or Pixel 2 XL, we've compiled a massive list of all the cases we could find that are worth your while!

NOTE: Due to the large size of the list, we made the pictures smaller than usual; however, you can enlarge any image to full size by clicking or tapping on the image.

Thin Cases

Spigen Thin Fit

A thin polycarbonate back plate with a little cushion in the corners to help prevent damage if you drop your Pixel.

You can pick one up for about $12.


Maxboost mSnap series

A hard polycarbonate case that protects the back and sides of the Google Pixel 2 from scratches and scuffs.

Get the Maxboost mSnap series in black, pink, or mint for $20.


Vinve felixble case

Made from TPU, the Vinve flexible case will help prevent damage from drops. The textured back also provides extra grip.

You can pick one up in black or blue for about $8.


Peel case

The thinnest case you'll find, it will almost look like you have no case on your phone at all.

You can pick it up in black, white, and kinda blue for $25.


MNML case

Only 0.35mm thick and made with a matte finish that won't show fingerprints.

You can find the MNML case in gray, black, white, red, and blue for about $15.


Google Live Case

Pick from a wide selection of designs, places, and even stunning scenes from Google Earth.

You can even send Google your pictures to make a personal case for you; perfect for a gift. Starts at $40.


LK Slim Thin

For those who want a cheap clear case to keep your phone protected without obscuring the Pixel 2's cool design.

You can pick up the LK Slim Thin case for just $8.

Incipio NGP Pure

A slim soft polymer case that provides a barrier between your Pixel 2 and the rest of the world.

You can pick one up in smoke, navy, plum, or clear for about $20.


Clear Cases

Spigen Liquid Crystal

This thin flexible TPU case will provide your Google Pixel 2 or 2 XL with more grip and has cushioning on the corner to help prevent damage from drops.

You can pick up the Spigen Liquid Crystal for $12.


Spigen Crystal Shell

Dual-layered protection consisting of both TPU and polycarbonate, the Spigen Crystal Shell offers protection while keeping the design of your Google Pixel 2 in clear sight.

You can pick up the Spigen Crystal Shell for $25.


Ringke Fusion

Ringke has their rugged clear case available for the Pixel 2. Made with a sturdy panel of polycarbonate on the back panel and an easy-grip TPU bumper, this case will keep your new device protected while also letting the Pixel 2's design shine through.

You can pick up the Ringke Fusion for about $10.


Ringke Bevel

Just like the Ringke Fusion, the Bevel provides the same protection with a bevel design on the back to enhance grip and make your phone stand out. The case is still clear enough not to take away from the design of the Pixel 2.

Grab it for around $9.


Speck Presidio Clear

Dual-layered protection drop tested for eight feet. Thick cutouts for camera prevent scratches on the lens when lying on a flat surface.

The Speck Presidio Clear case will cost you $40 for the Pixel 2 and $45 for the larger Pixel 2 XL.


Trianium CLARIUM

Shock-absorbing TPU mixed with a hard polycarbonate back give the Trianium CLARIUM dual-layered protection to keep your phone safe.

You can pick up the Trianium CLARIUM for $8.


Incipio Reprieve Sport 2.0

Clear back to show off the Google Pixel 2's style, textured sides to improve grip, and reinforced corners to prevent damage from dropping. For $40, the Incipio Reprieve Sport 2.0 has a little something for everyone.


Rugged cases

Caseology Vault Series

Made of flexible TPU, it features a sleek finish along the back and textured grip around the edges.

You can pick up the Caseology Vault Series for around $11.

Note: This case is only available for the Pixel 2 XL.


Otterbox Symmetry series

Otterbox's Symmetry series offers the classic protection you expect from the company in a slimmer profile. The one-piece design is thick enough to prevent damage from drop and scratches, and the raised edges help protect your Pixel 2 when lying on a flat surface.


CrashGuard Bumper Case by RhinoShield

RhinoShield's CrashGuard Bumper Case is a great way to protect your phone without adding a ton of bulk. Protects the edges of your phone with lots of cusion on the corner, which prevents damage when your Pixel 2 takes a tumble.

You can pick up CrashGuard Bumper Case by RhinoShield for $25.

Spigen Rugged Armor

Single layer TPU with rasied edges to protect screen and camera while lying on a flat surface. Plus, the corner of the case are extra protected to help prevent damage from drops.

You can pick up the Spigen Ruged Armor for $13.


Spigen Neo Hybrid

A TPU sleeve and a hard polycarbonate bumper make up Spigen's New Hybrid case offering adequate protection with a sense of style. The way the bumper is designed it sit completely flush with the rest of the case, make the Neo Hybrid feel good when you're holding your phone.

You can pick up the Neo Hybrid for $16.


DGtle shockproof case

Made from a single layer of TPU, the DGtle shockproof case has lots of extra protection around the corners to help prevent damage when the phone is dropped on a corner.

Available in a wide variety of colors, such as blue, pink, and smoke black for $8.


UAG Plasma series

This translucent rugged case features a two-tone single piece design that cover the back and sides of the Google Pixel 2 and meet military drop test standards.

You can pick up the UAG Plasma series in ice or ask color option for about $40.


Suensan protective case

A single TPU layer that covers the back and side of the Google Pixel 2 with raised bezels to protect the camera and screen on flat surfaces.

You can pick on up in mint green, black, blue, gray, and red for $9.


Heavy Duty

ATUS Anti-Slip Slim Fit

Heavy duty protection in a slim profile, the ATUS Anti-Slip Slim Fit has dua-layered protection to keep your Pixel 2 safe and sound, while keeping the profile of your phone slimmer than most heavy-duty cases out there.

The ATUS Anti-Slip Slim Fit is only avaiable for the Pixel 2. You can pick one up in black, pink, or teal for about $9.

Caseology Parallax series

The Caseology Parallax Series offers a slim, two-piece design to keep your Pixel 2 well-protected.

It's available in a wide variety of colors such as black, burgundy, navy blue, and ocean gray. You can pick on up for about $15.

Note: This case is only available for the Google Pixel 2 XL.


Caseology Legion Series

The Caseology Legion Series offers the same dual-layered protection as its Parallax series; however, the Legion series focuses on protecting the back of the phone a lot more.

You can grab it for $18.

Note: This case is only available for the Pixel 2 XL.


Spigen Tough Armor

A personal favorite of mine, Spigen Tough Armor offers robust dual-layered protection with TPU and hard polycarbonate materials. The metal kickstand is perfect for watching videos and other media while your hands are other wise preoccupied.

You can pick up the Spigen Tough Armor in black or gunmetal for $35.


Spigen Slim Armor

Just like Spigen's Tough Armor, the Slim Armor case uses TPU and hard polycarbonate materials for dual-layered protection, but comes in a slimmer package.

You can pick up the Spigen Slim Armor in black or gunmetal for $30.


Otterbox Defender series

The ultimate name in protection, Otterbox's Defender series is the Mack Daddy of all protective cases. With four different layers, your Pixel 2 or Pixel 2 XL will be as safe as it possibly can be.

The Otterbox Defender series will cost you $50 or $60 for the Pixel 2 and the Pixel 2 XL respectively.


Leather Cases

Bellroy Leather case

Made using premium leather and featuring a soft microfiber lining this is a lightweight case that will keep your phone well protected and age beautifully over time. It's also backed by a 3-year warranty from Bellroy.

You can pick up the Bellroy Leather case from the Google Store for $45 with free shipping!


Wallet cases

Case Mate Wallet Folio

Made from real leather, the Case Mate Wallet Folio has four card slots and even a pocket to put your cash. Leaving your wallet at home has never been easier.

You can pick one up for $60.

JD wallet case

Made from a faux leather material, the JD wallet case has plenty of room for cards and cash. The case even comes with a built in RFID blocker, meaning your credit card numbers should be safe.

The JD wallet case comes in black, blue, pink, and brown for about $16.


Trianium wallet case

A hard protective shell with a card slot that card hold ID, credit cards, and cash, the Trianium wallet case offers protection and functionality.

You can pick up a Trianium wallet case for $10.

Note This case is only available for the Pixel 2 XL.


Maxboost wallet case

With three cards slots and a place to store your cash, the Maxboost wallet case has a magenetic lock to keep the wallet case firmly closed when not in use.

Grab the Maxboost wallet case for only $13.


LK wallet case

With a TPU inner skin, the LK wallet case offers mild protection against damage when your Pixel 2 takes a fall. With three card slots, and a place to put your cash, you can venture out into the world with your normal bulky wallet with ease.

The LK wallet case comes in black, brown, purple, and rose gold and will cost you about $10.

Other types of cases

Moment Photo case

Another personal favorite of mine, the Moment Photo case is designed to work with the wide-variety of Moment lenes. If you want a beautiful looking case that will up you photography game, check it out.

You can pick one up with a walnut finish for only $30.


Google Fabric case

If you prefer your phone case to have some texture for grip, you're probably going to love the Google Fabric Case. It features the same fabric finish look found on other recent Google products such as the Google Home Mini.

These cases offer a premium microfiber liner to ensure your device stays scuff-free and your choice of four color combinations for $40.

Carved Wooden Cases

With dozens of unique designs and plenty of wood grains and colors to choose from, Carved wooden cases are absolutely gorgeous.

The Carvedwooden cases range from $24 — $40.

What case did you go with for your Pixel 2 or Pixel 2 XL?

Let us know in the comment below!

Updated December 2017: We've added new cases from RhinoShield!

Google Pixel 2 and Pixel 2 XL

Best Buy Verizon Google Store Project Fi

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
1 month ago

Essential Phone picks up 360 livestreaming for YouTube

8

There's also "various stability fixes" for the regular camera.

We've still yet to see the full potential of the Essential Phone's two-pin modular system, but the 360-degree camera attachment that launched aside the Phone has proven to be a fun little accessory if you can find it at the right price. With the latest update to the Essential Camera app, the 360 camera picks up one feature that we've been waiting on since its release.

The update for the Essential Camera app changes the build number to 0.1.093.003, and with it comes official support for livestreaming on YouTube. Essential added Facebook Live 360 support back in November, and the addition of YouTube is one we're pleased to see.

Essential also says that this update has "various stability fixes" for the Phone's regular camera, but the focus this time around is definitely on the 360 one.

With the addition of YouTube Live 360, are you more inclined to purchase the Essential 360 Camera if you haven't already?

Essential Phone

Amazon Best Buy Sprint Telus

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
1 month ago

OnePlus 6 rumored to launch with in-display fingerprint sensor

36

Details are already coming in about OnePlus's next flagship.

The OnePlus 5T has proven itself to be one of the best phones of 2017, and despite it just being released in November, there might already be a couple reasons to be excited about its successor.

According to Gizmochina, the OnePlus 6 will come equipped with a fingerprint sensor that's embedded into the display itself. Synaptics already announced that this technology will be shipping first on a Vivo phone in 2018, so the likelihood of it appearing on the OnePlus 6 isn't all that far-fetched.

The OnePlus 5T

This would allow the OnePlus 6 to keep the near bezel-less display introduced on the 5T while moving the fingerprint sensor back to the front of the phone, and while the rear-mounted sensor on the 5T works perfectly fine, there's no denying that the having one built into the display itself is a lot more futuristic.

The Snapdragon 845 would make the OnePlus 6 a performance monster.

It's also being reported that the OnePlus 6 will be powered by Qualcomm's Snapdragon 845 processor and be launched around the middle of March 2018.

There's no way to confirm whether or not these rumors are true, but Gizmochina claims its source has been accurate about OnePlus rumors in the past.

The Snapdragon 845 is shaping up to be one heck of a processor, and as mentioned above, in-display fingerprint sensors are just plain cool. Assuming we see these two things make their way into the OnePlus 6 next year, would either one make you interested in buying the phone?

OnePlus could be hit with patent infringement lawsuit over its face unlock feature

OnePlus 5T and OnePlus 5

OnePlus Amazon

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
1 month ago

How to take the best photos with your Google Pixel 2

20
Google Pixel 2 camera

For many, the most important feature of a smartphone is its camera.

The Google Pixel 2 has a superb camera. There's no doubt about that. But we know that with all photography, it's not just the tools — it's how you use them that makes a huge difference. Even though you can open up your Pixel 2 with no knowledge of photography and take some great shots, you should strive to do more — and we have a handful of great tips to help you get the most out of this phone's camera.

Turn on location

Google Pixel 2 Google Photos search

Every time you take a photo with a modern smartphone, it's capable of having its GPS-based location tied to that photo — that is, if you turn on this setting. Keeping a location tied to a photo may not seem important right now, but think about years down the road when you want to remember even more about the photo that you took — knowing more than a date and time will be super valuable. It also lets services like Google Photos easily group and make your photos searchable by location.

To turn it on, hop into your camera settings and you'll see the toggle for "Save location" right at the top. You can always turn this feature back off later, and Google Photos will also remove location information from photos when you share them from the app.

Use Smartburst with moving subjects

Google's camera app has a typical burst function: press and hold the shutter button, and it'll take photos in quick succession until you release it. But behind the scenes, this isn't actually a regular burst shot — it's a "Smartburst." Basically what this means is that the camera app will take a whole bunch of photos in quick succession, as expected, but also pick out what it thinks are the best ones after processing. The camera takes roughly 10 shots per second to hopefully grab one that's just right.

Smartburst can do a better job than you can.

This is super useful when you or your subject (or both) are moving, where Smartburst will very often get photos you'd never get by guessing when to hit the shutter yourself. If you're in a situation like this, just press and hold that shutter and see what the results were later. You may not have another opportunity for that exact shot, so do it when you can.

When you go to review the burst shots, you'll see them grouped together with the "best" one highlighted. It's then easy to keep that photo and delete the rest.

Choose your grid lines

Google Pixel camera grid lines

You may think that having grid lines on your viewfinder will be distracting, but they can be super useful for helping you line up shots from the get-go. Tap the grid-like button on the side of the camera viewfinder, and you'll see four different options — no grid, 3 x 3, 4 x 4 and Golden Ratio — to choose from. Most people will be best off with the 3 x 3 grid.

Use these lines to easily center your subject, get a flat horizon on that next sunset shot, or fill out the frame evenly with various elements dispersed into the three sections. Don't let the initial distraction of the lines put you off — this is super helpful to have!

Use focus and exposure lock

Google Pixel 2 camera exposure lock

Unlike most phones, the Pixel 2 doesn't have a "Pro" or "Manual" mode that lets you tweak settings for a custom shot. The closest thing it has is an option to change the exposure manually, as well as lock the focus and exposure when you change it.

You don't get a full manual mode, but this is pretty helpful

When you tap on the camera viewfinder, the phone will focus on that point and also set the exposure to what it thinks is right for the point. But you can override that by moving the exposure slider on the right side of the viewfinder after tapping — up to +2 or down to -2, as you see fit. As soon as you move the camera, though, it'll re-focus and re-expose the image — that is, unless you hit the little "lock" button at the top of the exposure slider. Once you lock it, the settings stay put no matter how you move the camera or subject.

Most of the time you'll want to just let the camera choose the exposure and even the focal point. But if you need a different part of the frame to be your subject or want to change the exposure for a unique look, you have the option.

Don't be tempted by the flash

Google Pixel 2

Lighting is everything in photography, so many amateur photogs will immediately think "more is better" and want to turn on their flash to get a "better" photo — but this is hardly ever the case. With the advanced HDR+ processing in the Pixel 2, chances are you can get a better photo by leaving the flash off and letting the camera do its magic.

Take control of the light — just don't do it with a flash.

In other cases, re-positioning the camera to direct the light in different ways will have a better effect on quality as well. It is true that many pro photographers use flashes in certain circumstances, but the inherent issues of having a very small, direct flash on a phone so close to the lens makes it far less useful than a professional camera flash.

The best way to look at it is this: the flash on your phone should be used as an absolute last resort. Try a few shots, reposition, find other light sources, exhaust your other options — and if you need to get more light, then you can turn on the flash.

Increase the panorama resolution

The Pixel 2 can take super-high-resolution panorama shots, but by default it actually isn't set to the highest possible resolution — presumably for size and processing time concerns. But you should be willing to deal with those things in order to get the best possible panoramas.

Go into the camera settings, scroll down to "Panorama resolution" and select "High" — now you'll take the best possible panoramas, even if it means dealing with a larger file and longer processing time in the end.

Google Pixel 2 and Pixel 2 XL

Best Buy Verizon Google Store Project Fi

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
1 month ago

Verizon Moto Z2 Force now getting Android 8.0 Oreo

12

Verizon's Moto Z2 Force is the first one to get the Oreo update.

The Moto Z2 Force shipped this past August with Android Nougat out of the box, and as per usual with Motorola phones, the software experience was one of the Z2 Force's best attributes. If you purchased the phone through Verizon Wireless, the user experience is about to get even better thanks to the Android 8.0 Oreo update.

Users started receiving 8.0 on the Verizon Z2 Force in the wee hours of the morning on December 22, making this the first version of the phone to get Oreo in the United States. Verizon's not typically known for fast software updates, so this is a very pleasant surprise.

As per usual with the Oreo update, this upgrades the Z2 Force with adaptive notification dots, picture-in-picture, a new look for emojis, and overall faster performance. Also, as noted in the changelog, the update adds a new call screen to the Z2 Force.

Oreo is starting to roll out now, and we've still yet to hear when other carriers in the U.S. will follow suit.

Moto Z2 Force

Verizon AT&T T-Mobile Sprint Best Buy

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *: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: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .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 buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .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 buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .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(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):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(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
Show More Headlines

Pages