Headlines

2 weeks ago

An essential guide to simplifying your living room setup

6

What's the best tech for simplifying my living room setup?

There is so much great tech for entertaining these days that it can almost get overwhelming. If you're not careful, your living room table can become overrun with remotes for your TV, cable box, surround sound system and streaming boxes. Stop the madness!

.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; } /*-->*/ /*-->*/

It's time to simplify that setup by incorporating the latest technology to either replace those remotes with voice control, or scale everything down to one remote or device.

Chromecast and Google Home

Google offers one of the best ways to simplify your living room using a combination of Chromecast and Google Home smart speakers. Chromecast Ultra is an essential TV accessory — it's small and plugs into the HDMI port of any TV, and is fairly future-proof with support for 4K Ultra HD and HDR. With it, you're able to use your phone to cast content from Netflix, Youtube, and content from a bunch of other great apps.

But that's just the beginning. If you pair a Chromecast with a Google Home smart speaker you can not only control your Chromecast with your voice, but you'll also get a pretty decent speaker for throwing on tunes for any occasion.

It's a system that can extend well beyond the living room, too. If you have a Chromecast plugged into every TV in your home along with a few Google Home speakers strategically placed throughout your house you can basically live in the future with endless entertainment options available to you, and all voice-controlled.

Best of all: there's a good variety of Google Home speakers to choose from now. You can get the standard Google Home speaker that features a swappable base for complementing your home decor, the discreet Google Home Mini which trades a bigger speaker for a compact footprint, and then beefy Google Home Max which looks to compete with Sonos as a top-end wireless speaker.

See Chromecast Ultra at Google

See Google Home at Google

Amazon Echo and Amazon Fire TV

We couldn't mention Google Home and Chromecast without also talking about the Alexa-powered equivalent. Amazon was the company that ushered in the A.I.-powered smart speaker, and perhaps you've already started building out your home with Amazon Echo products. Well, if you feel like you've already comfortable with Alexa over Google Assistant, it's time to go all-in in the living room.

Amazon recently revamped its Echo speaker line up, with the second-generation Echo speaker looking like a natural pick for any living room, with its stylish fabric case options and respectable sound quality. Amazon also updated its Amazon Fire TV dongle for 2017, which includes Alexa voice controls built into the remote control.

Since both the Amazon Fire TV and Echo speakers are all controlled by the Alexa app on your phone, you're able to control your Fire TV using just your Echo speakers. If your TV includes HDMI CEC, you'll be able to walk into the room, ask Alexa to "Watch Fire TV", and your TV and Fire TV will both turn on instantaneously. From there, you can use the remote to control things or use the built-in microphone to keep using voice controls.

The Echo speakers also work well for music and podcasts and can be linked together as rooms from within the Alexa app to fill your whole house with music — perfect for entertaining and parties.

See Amazon Echo at Amazon

See Amazon Fire TV at Amazon

Logitech Harmony Elite Universal Remote

Ok, so maybe you already have a pretty epic entertainment center setup in your living room and you don't really need much else except for one remote to control it all. The Logitech Harmony Elite is the remote control of your dreams. Logitech says it's compatible with an incredible 270,000 different devices that go well beyond entertainment and include home automation devices like smart lights, locks, and thermostats.

It also works with both Alexa and Google Assistant, so it won't matter if you've got one or the other in your home the remote will work just fine with either. This remote is what happens when smartphone technology mixes with a remote control. You can program countless activities or scenes (based on the existing smart home tech in your house) and then easily select what you want using the full-color touch screen to at the top of the remote.

Now all these smarts don't come cheap, and it might seem a tad ludicrous to spend $250 on a TV remote, but this thing goes so beyond just controlling your TV that it might just be worth it to be able to control everything — quite literally everything — with just one remote.

See at Best Buy

NVIDIA Shield

The NVIDIA Shield is the device that anchors my home entertainment system, and it's probably the piece of tech that I use most beyond my smartphone. It's a shame that Android TV isn't a more popular platform because NVIDIA is really the only company out there that's pushing it to the max.

The latest NVIDIA Shield supports 4K Ultra HD and HDR playback and now comes with Google Assistant built right into the operating system and controllable via the microphones built into the media remote and gaming controllers. There's great app support for all your favorite streaming services, and there's even an accessory from Tablo Tuner that lets you attach a digital antenna to the Shield and then watch and record live television for free.

The NVIDIA Shield is the cord cutter's dream, and if you're considering replacing your cable TV package with a streaming box in 2018, you should certainly consider the NVIDIA Shield. Oh, it also handles video games pretty well, and can also let you stream PC games to your living room. It's the most versatile streaming box you can buy for just $169.

See at Amazon

Read more and comment

 
2 weeks ago

Google Chrome vs. Samsung Internet Browser — which do you prefer?

36

Chrome is great, but Samsung puts up a mean fight.

Android has no shortage of web browsers to choose from, but for most people, Chrome is the go-to choice. Along with being installed by default, Chrome also offers excellent syncing between your phone and desktop, offline viewing, easy language translation, and much more.

As great as Chrome is, however, it also has some stiff competition that's been getting better and better with each passing day. One such competitor is the Samsung Internet Browser.

Samsung made some sizable upgrades to its browser throughout 2017, and to kick off the new year, some of our forum users got together to discuss whether Google or Samsung's option is truly the best.

*/
justnivek 12-31-2017 10:34 AM “

I've been a Chrome User app my life, one day I was just bored and decided to use the Samsung browser and I found a few really REALLY good options (like true full screen, fingerprint password login, ad block) I've never went back to chrome. Matter of fact I uninstalled chrome altogether (Samsung internet is runs so much smoother as well, very odd)

Reply
*/
bandofbrothers2112 12-31-2017 02:12 AM “

I initially used Google Chrome but it impacted negatively on my battery life. Something like media server kept showing up using lots and from ironically a Google Search it confirmed Chome could be the culprit so I uninstalled and it went away. Ive been through a few browsers and most are just a skin so I ended up using the Stock Samsung Internet Option and battery life has been stable and...

Reply
*/
TennisGuy45 12-31-2017 10:47 AM “

I tried using Samsungs browser but kept running into sites where the web video player was just blank and did not show. Moved over to Chrome and the video player shows up and works properly.

Reply
*/
paridge 01-01-2018 11:25 AM “

Samsung browser is nice with great features, but if you use Chrome on your computer, then Chrome is more convenient. The Samsung browser can sync with the Chrome bookmarks. But Chrome not only syncs in real time (because it uses your Google account) across devices, it also does autofill. It remembers your searches, user names, passwords, and credit card information across devices if you have that...

Reply

Now, we'd like to ask you – If you had to pick, would you choose Google Chrome or Samsung Internet Browser?

Join the conversation in the forums!

Read more and comment

 
2 weeks ago

Should I buy a Galaxy Note 8 or wait for the Galaxy S9+?

81

It's the discussion we have every single year.

With Samsung's continued strategy of launching both a Galaxy S flagship and a top-end Galaxy Note each year, it creates an odd middle ground for some people where they struggle with deciding to buy the latest Galaxy or wait for the new one just six months away. Right now we're talking about the Galaxy Note 8, which has been out for over three months now, and the Galaxy S9+, expected to launch as early as late February 2018.

So for those on the fence still, who should buy a Galaxy Note 8 and who should wait for the Galaxy S9+? Well we can't say for sure in every case, but we have the information you can use to decide whether to get a phone now or play the waiting game.

Reasons to wait for the Galaxy S9+

If you're willing to wait, there will always be a better phone on the horizon. Whether that's for the Galaxy S9+, or some other phone, you know if you wait longer there will be newer and better phones coming. Even though we don't know the specifics, we can easily expect that the Galaxy S9+ will be better in many ways than the Galaxy Note 8. No phone can beat Father Time.

Based on the latest rumors, there are some specific areas where the Galaxy S9+ will seem appealing to those currently checking out a Note 8. We can expect a jump in battery size for the S9+, somewhere in the range of 200mAh, which is on top of a battery that was already larger than the Note 8. It'll also come with the latest specs and a slightly faster processor, for what it's worth — but the Note 8 is hardly a slouch in the spec sheet as it is.

Samsung Galaxy S9: Rumors, Specs, Release Date, and More!

A bump in specs, bigger battery, dual cameras and better fingerprint sensor are all reasons to wait.

Then comes the changes in security. Early renders show a fingerprint sensor that's situated on the back still, but underneath the camera lenses in a place that should be much easier to reach than the current placement — plus, you shouldn't accidentally smudge the camera lens in the process. Iris scanning is also rumored to be improved, which we all know has room to grow and if it were both faster and more accurate would remove the need for the fingerprint sensor, at least for initially unlocking the phone itself.

The Galaxy S9+ is also expected to add the same type of dual-camera setup as the Note 8 currently holds exclusively, which is simply one less reason to keep your eyes on the Note 8. We don't yet know much about the actual functional improvements in the camera, though — the Note 8 is working with a pretty great pair of cameras, but we would expect Samsung to make another jump on the Galaxy S9 and S9+ to challenge the rest of the industry that has caught, and even surpassed, its cameras.

Reasons to buy a Galaxy Note 8 today

The biggest reason to just buy the Galaxy Note 8 today rather than wait for a successor is that it's actually available to buy. Most people can't just wait a few months to get a new phone ... and if you can, is it really worth not having a new phone just so that in the future you can get a different one? Chance are if you buy today you could enjoy your Note 8 for a good three or four months before the Galaxy S9+ is widely available — and at that point, you could decide what to do once again.

In many ways, the Galaxy S9+ will just match the Note 8's innovations.

The Note 8 is also still a really good phone. If you're not thinking so much about the price, which still hovers around $925, the Note 8 is a wonderful phone for Samsung fans. It still has a fantastic spec sheet that the Galaxy S9+ is expected to just match in some areas, like RAM, and only exceed slightly in others, like processor speed and internal storage options. And being just a few months old, the Galaxy Note 8 is still right at the front of the line in terms of software updates and support — even once the Galaxy S9 and S9+ are out.

And when the Galaxy S9+ is out, that doesn't mean it will completely supplant the Galaxy Note 8 in all areas. The Note 8 has a fantastic 6.3-inch display that actually made many strides in quality beyond the Galaxy S8+ from just six months prior — so while the Galaxy S9+'s screen may be a big step from the GS8+, it won't be so much better than the Note 8. Your Note 8 will still feel perfectly modern in terms of display tech and size. Also, no matter what's included in the Galaxy S9+ it definitely won't have an S Pen — so if that's in any way a driving factor for your Note 8 purchase, there's no other way to get it than with a Note.

See at Amazon See at Best Buy

The Galaxy S9+ is shaping up to be a really nice phone overall based on early rumors, but Samsung isn't releasing it with the goal of supplanting the Galaxy Note 8. It will be for the Galaxy S7 and S8 owners out there looking for an upgrade, or those who haven't yet made a jump over to Samsung's latest devices from a competitor — not for stealing the Note 8's thunder or making those S Pen-loving buyers rethink their decision.

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

 
2 weeks ago

What's new on Amazon Prime Video for January 2018

15
Philip K. Dick's Electric Dreams

Remember how we're all tired of 2017 and just can't wait for it to end? Amazon feels ya. So here's what's new on Amazon Prime Video in January 2018.

Amazon is closing out 2017 strong, and it's going to start 2018 even stronger, with a seriously good lineup of shows new and old available for streaming on Amazon Prime Video in January. "Philip K. Dick's Electric Dreams" is the one a lot of us have been waiting for, and it'll be here later in the month. But there are plenty of shows you'll recognize that land on New Year's Day — including my guilty pleasure "The Wraith." (It's Charlie Sheen at his best worst in 1987.)

And a fun fact, from Amazon:

While you're getting excited for Amazon Video titles coming in January, there's still plenty of time to stream your favorite holiday classics in December. In fact, Christmas Day is the most popular day of the year for streaming movies on Prime Video. Last year, Amazon customers streamed 78% more hours on Christmas Day than the average day in 2016.

Amazon Prime Video has is one of the go-to destinations for on-demand content, thanks in no small part to devices like the $50 Amazon Fire Stick, the all-new $70 Amazon Fire TV, and even the $229 Amazon Echo Show.

But hardware is the easy part. Buy it once, and then use the heck out of it. What's not quite so easy is keeping up with everything that's new on Amazon Prime Video — because new shows are always coming and going.

So here's what's new in January 2018!

Don't have Amazon Prime Video yet? Get a free 30-day trial!

Coming January 1

  • All is Lost (2013)
  • American Ninja (1985)
  • Assassination (1987)
  • Avenging Force (1986)
  • Babel (2006)
  • Baby Mama's Club (2010)
  • Black Rain (1989)
  • Brothers (2009)
  • Burning Blue (2014)
  • But I'm a Cheerleader (1999)
  • Capote (2005)
  • Coming Soon (1999)
  • Cool World (1992)
  • Cross Bronx (2004)
  • Dangerous Curves (1989)
  • Doctor Who (Season 10)
  • Drop Dead Sexy (2006)
  • Evolution (2001)
  • Flawless (1999)
  • Freedom Writers (2007)
  • Hamlet (1990)
  • Highway (2012)
  • Horsemen (2009)
  • Hustle & Flow (2005)
  • Invaders from Mars (1986)
  • Love and Death (1975)
  • Love Story (1970)
  • Murphy's Law (1986)
  • Platoon Leader (1988)
  • Pretty Bird (2008)
  • Primitive (2011)
  • Requiem for a Dream (2000)
  • Reservoir Dogs (1992)
  • Revenge of the Ninja (1983)
  • Revolutionary Road (2008)
  • Richard the Lionheart (2013)
  • Show of Force (1990)
  • Six Degrees of Separation (1993)
  • Step Into Liquid (2003)
  • Street Smart (1987)
  • The 2018 Rose Parade Hosted by Cord & Tish (Amazon Original)
  • The Perfect Weapon (1991)
  • The Presidio (1988)
  • The Wraith (1987)
  • Thelma & Louise (1991)
  • Uncommon Valor (1983)
  • Words and Pictures (2013)
  • Zodiac (2007)

Coming January 5

  • The Devil's Double (2011)

Coming January 6

  • Grimm (Season 6)

Coming January 7

  • A Ghost Story (2017)

Coming January 9

  • Prime Suspect: Tennison (Season 1)

Coming January 12

  • Philip K. Dick's Electric Dreams (Amazon Original)

Coming January 16

  • My Mother & Other Strangers

Coming January 17

  • The Midwife (2017)

Coming January 19

  • Just Add Magic (Amazon Original, Season 2)
  • Wonderstruck (Amazon original, 2017)

Coming January 30

  • Grantchester (Season 3)
  • Remember Me

Coming January 31

  • xXx: The Return of Xander Cage (2016)

Previously, on Amazon video ...

Here's what was (or still is, depending on when you're reading this) new on Amazon Video in December:

Coming Dec. 1

  • Apocalypse Now (1979)
  • At Close Range (1986)
  • Basic Instinct 2 (2006)
  • Bloodsport (1988)
  • Brothers Grimm (2005)
  • Buffalo 66 (1998)
  • Child's Play (1988)
  • Dr. Strange (2007)
  • Gremlins 2: The New Batch (1990)
  • Hammett (1982)
  • Hannibal (2001)
  • Hitch (2005)
  • Hulk Vs. (2009)
  • In & Out (1997)
  • In Enemy Hands (2003)
  • Light Sleeper (1992)
  • Meet Wally Sparks (1997)
  • Moonstruck (1987)
  • Next Avengers: Heroes of Tomorrow (2008)
  • Planet Hulk (2010)
  • Point Break (1991)
  • Rocky (1976)
  • Rocky II (1979)
  • Rocky III (1982)
  • Rocky IV (1985)
  • Rocky V (1990)
  • Searching for Bobby Fischer (1993)
  • Silence (2016)
  • Stigmata (1999)
  • The Final Cut (2004)
  • The Heartbreak Kid (2007)
  • The Invincible Iron Man (2007)
  • The Silence of the Lambs (1991)
  • The Weight of Water (2002)
  • Thor Animated Movie: Tales of Asgard (2011)
  • Titanic (1997)
  • Ultimate Avengers II (2006)
  • Ultimate Avengers the Movie (2006)
  • Wristcutters: A Love Story (2007)

Coming December 3

  • Class (Season 1)

Coming December 4

  • The Royals (Season 3)

Coming December 5

  • Stronger (2017)

Coming December 7

  • Thursday Night Football: New Orleans Saints at Atlanta Falcons (8:25 p.m. Eastern Time)
  • Aftershock (2012)
  • Gun Shy (2017)

Coming December 8

  • Crown Heights (Amazon Original, 2017)
  • Crank 2: High Voltage (2009)
  • The Grand Tour (Season 2, Amazon Original)

Coming December 9

  • It Comes at Night (2017)

Coming December 10

  • Nightcrawler (2014)
  • Rosewater (2014)

Coming December 12

  • The LEGO Ninjago Movie (2017)
  • Foreman (2017)

Coming December 14

  • Thursday Night Football: Denver Broncos at Indianapolis Colts (8:25 p.m. Eastern)

December 15

  • Jean Claude Van Johnson (Season 1)

Coming December 19

  • Flatliners (2017)

Coming December 21

  • Humans (Season 2)
  • Woodshock (2017)

Coming December 22

  • The Last Post (Amazon Original, 2017)
  • Monster Trucks (2017)

Coming December 23

  • Teen Wolf (Season 6)
  • Anne of Green Gables (Season 2)
  • Banksy Does New York (2014)
  • Someone Marry Barry (2014)

Coming December 25

  • Thursday Night Football: Pittsburgh Steelers at Houston Texans (8:25 p.m. Eastern)

Coming December 28

  • Anjelah Johnson: Mahalo & Goodnight (2017)

Coming December 29

  • Rings (2017)

Coming December 31

  • Brawl in Cell Block 99 (2017)
  • Solace (2015)

Updated Jan. 1, 2018: New year, new stuff to watch!!!

Amazon Prime Video

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

 
2 weeks ago

Pixel 2 portrait mode now works on 2016 Pixel, Nexus 6P, and 5X

21

Available now as part of v7.3 of Camera NX.

It's no secret that the Pixel 2 has an incredible camera, and one of its standout features is portrait mode. Google's kept this locked to the Pixel 2 and likely won't release it to other phones anytime soon, but thanks to the hard work of developer Charles Chow, you can now get portrait mode on your first-gen Pixel, Nexus 6P, and Nexus 5X.

If Chow's name sounds familiar, that's because this isn't the first time he's brought features from the Google Camera app to other phones. Some of Chow's previous work includes bringing HDR+, Zero Shutter Lag, and Google's AR Stickers to the above phones, but portrait mode might be one of his biggest achievements yet.

You can read the technical bits on Chow's website about how he pulled this off, but all you need to know as the end user is that it seems to work just like it does on the Pixel 2. Open up the hamburger menu, choose portrait mode, snap a picture, and you're good to go.

Portrait mode is available for the Pixel, Nexus 6P, and 5X as part of v7.3 of the NX Camera app, and you can download it here.

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

 
2 weeks ago

Best Gaming Controllers for Amazon Fire TV

15
Best Controllers for the Amazon Fire TV

Gaming on your Amazon Fire TV? You have more controller options than you might think.

Looking to invite friends over for a multiplayer session on your Amazon Fire TV but not sure what controllers are compatible with it? Well, for starters you're going to have an easier time connecting third-party controllers if your still rocking the first generation of Fire TV.

But worry not. We've broken out a list of some of your best controller options for the Amazon Fire TV — and chances are you may already own something that's compatible without knowing.

Amazon Fire TV Gaming Controller

Amazon Fire TV Bluetooth controller

An obvious but necessary inclusion on this list, if you enjoy the gaming controller that came with your Amazon Fire TV Gaming Edition, you can buy extra controllers from — where else — Amazon.

The Amazon Fire TV controller connects via Bluetooth and has a number of features specifically designed to get the most out of your Amazon Fire TV box. For starters, it includes a built-in microphone, which gives you full access to Alexa features and allows you to search for games, movies, music, and more information, using only your voice.

The controllers also feature a headphone jack, so you can fully immerse yourself in a movie or game without bothering the people around you. This will also be your best option if you have a second generation Fire TV, as support for third-party game controllers with the newer Amazon box is spotty at best compared to its predecessor.

The Amazon Fire TV controller takes two AA batteries, so you should stock up on those if you plan on becoming a heavy gamer. Get yours for just $49.99 from Amazon (where else?).

See at Amazon

Matricom G-Pad BX Wireless Gamepad

Matricom G-Pad BX Wireless Gamepad

There's a number of features that makes the Matricom G-Pad a compelling third-party Bluetooth controller to buy for your Amazon Fire. For starters, it's powered by a rechargeable lithium-ion battery which means you won't need to stock up on AA batteries, and if you're running low you can plug the mini-USB cable to your Amazon Fire and play wired.

Since it's Bluetooth, it'll work just fine with your Samsung Gear VR, other Android devices and, of course, Matricom's own G-Box Android TV box. It features dual modes for control, so you can switch over to mouse emulation whenever you may need it. Best of all, it's the cheapest controller on the list offering at just $17.50, yet is quite comfortable and lightweight for a budget price. Given its near-universal compatibility and simple-yet-conventional design, Matricom's G-Pad Wireless gamepad is worth your attention.

See at Amazon

Mad Catz Micro C.T.R.L.R. Mobile Gamepad

Mad Catz C.T.R.L.R. Mobile Gamepad

But since we're talking about third-party controllers for the Amazon Fire, we gotta include this smaller option from Mad Catz — a household name in third-party gaming accessories. This is a compact option, and probably the smallest controller on this list, but it is jam packed with features you'll love.

For starters, Mad Catz claim the Micro C.T.R.L.R. is "future-proof", featuring dual-mode Bluetooth that works with Bluetooth Classic and Bluetooth Smart devices. That helps this controller achieve near-universal compatibility, with controller modes specific to the device you're connected to: Mouse Mode, PC Mode, and GameSmart Mode (for near-universal compatibility with laptops, tablets and smartphones). It also features built-in media buttons for controlling your favorite media streaming services including Netflix, Youtube and Hulu Plus, so you can use this little kitty for nearly everything on your Amazon Fire.

For great quality and versatility that won't break the bank, you can't go wrong with this travel-sized controller. Get yours for just $32.99!

See at Amazon

Xbox 360 Wired Controller

Microsoft Xbox 360 Wired Controller

The wired version of the Xbox 360 controller works nearly flawlessly with the first generation of Amazon Fire TV. Simply plug in the controller to the USB port on the back of your Amazon Fire TV and you're good to go. With the second generation, you may need to go into settings and ensure that USB debugging is turned off before the system will find the controller.

Looking to attach more than one USB controller? It's as simple as first plugging in a USB hub then plugging in up to four controllers. If you've got a couple plugged in, you'll even notice the player indicator lights will light up properly — a small but reassuring feature.

There's a whole bunch of third-party controllers that work with the Amazon Fire, including the wireless versions of the Xbox 360 controllers, but the reason why we're not recommending the wireless variant is because you'll also need to own Microsoft's Xbox 360 Wireless Receiver for Windows.

If you happen to already have a few of the wireless Xbox 360 controllers around, the dongle receiver may be the better option. If you don't, the wired variety are your best bet, as you won't have to worry about batteries or connectivity issues. They're available on Amazon for just $40.20.

See on Amazon

DualShock 4 Bluetooth Controller (for PS4)

PS4 DualShock 4 Bluetooth Controller

The DualShock controller has been an industry standard and trailblazer since first being introduced for the original PlayStation back in 1998. While the technology inside the controller has improved, the overall design has remained largely unchanged and it's clear to see why — it's incredibly comfortable to hold.

Sony's DualShock 4 Bluetooth Controller is a great option that's compatible with your Amazon Fire TV. It's quick to pair — simply go into the Amazon Fire TV's Bluetooth controller settings, then hold down the Share and PS button on the DualShock controller to start the pairing.

The DualShock 4 controller is a surprisingly versatile controller; beyond using it with your PS4 and Amazon Fire TV, it's also compatible with Windows for PC gaming. But it's also quite expensive, starting at $69.99 on Amazon.

See at Amazon

SteelSeries Stratus XL

SteelSeries Stratus XL

The SteelSeries Stratus XL is a great controller that works for gaming on your Windows PC, Android phone, and Amazon Fire TV. SteelSeries has basically taken the best features from the DualShock and Xbox 360 controllers and combined them to create the Stratus XL.

It connects via Bluetooth and plays for up to 40 hours on two AA batteries. It's perfectly weighted and has been designed to fit comfortably in your hands for marathon gaming sessions.

Best of all you can get this great controller for just $38.50. Don't miss out!

See at Amazon

Logitech Gamepad F310

Logitech Gamepad F310

If you're looking for a cheaper USB controller option, the Gamepad F310 from Logitech is a good choice.

It features the same analog stick layout as the DualShock and a cord that should be long enough to reach from the Amazon Fire TV to the couch. This one is also plug-and-play, meaning you shouldn't have to worry about setting things up.

And since this is a cheaper option, starting at $19.99, you could stock up on a couple of them, along with a decent USB hub and always be prepared for some multiplayer action.

See at Amazon

What's your preferred controller?

Do you have a favorite Amazon Fire TV gaming controller that didn't make our list? Tell us about it in the comments!

Update, January 2018: Updated pricing information. These are still the best options for the Amazon Fire TV.

Amazon Fire TV

Buy at 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

 
2 weeks ago

Best To-Do Apps for Android of 2018

32

Keeping track of everything you need to get done is easy with these to-do apps!

We all have busy lives. Whether you're trying to remember to hit the gym, grab that present for your coworker, and still make it to the doctor, keeping track of everything that needs to get done is sometimes easier said than done. That's where these to-do apps come in, from tons of features to a pared-down UI there is something here for everyone.

These are our picks for the best to-do apps available on Android!

Todoist: To-Do List

 To-Do List

Of the many to-do apps that are available, Todoist easily rises to the top. It uses Material Design to deliver an intuitive and easy to navigate UI that offers plenty of options for your tasks. You can separate your lists out by project and use filters to only see the lists that you need access to in a pinch.

It also delivers a calendar that lets you see your tasks for the upcoming week, as well as a daily tab. It even delivers a profile that allows you to take a look at the tasks you have completed recently, which can help to keep you on task and track your progress towards goals. If you choose to upgrade to a premium membership, which will run you $28.99 a year, it gives you expanded access to your history, and delivers new features like the ability to tag your lists. With premium, you can also access your lists across your phone, Android Wear smartwatch, and PC so that you always have access to your to-do list.

Download: Todoist (Free with in-app purchases)

Google Keep

Google Keep

Google Keep is primarily a note-keeping app, but it does have pretty awesome to-do features baked right into it. It should be no surprise that it's well designed and easy to use since it is Google's own product. This also means that you may have it installed on your phone already and not even realize it.

You can easily create new lists from the add menu at the bottom of your screen, but to edit existing lists you'll need to find them within the app. Once you've completed a task on your list you can cross it off by editing the list and tapping that item. It will then appear with a slash through it. This makes it easy to keep an eye both on what needs to be done, and what you have already completed.

If there is a list that has priority tasks on it, you can pin it. This will ensure that you can easily find and edit the list while you are out and about. In addition to typing in items for your list, you can also add media. If you have a photo for a project, you can add it to your list to make it easier to find when you need it.

Download: Google Keep (Free)

Any.do

To-Do list, Task List-Any.do

Any.do is an app that aims to keep you organized through to-do lists, and delivers a beautiful experience while doing just that. You can build multiple lists, and customize each one with the tasks you need to complete. Any.do will also link up with your Google Calendar if you sign up using your Google Account, which means everything is in one place.

When you add items to a list within Any.do, you get access to a range of features that are handy no matter what you're doing. You can add subtasks to list items, move task items between lists, add reminders, add notes with media attachments, and share list items with colleagues and collaborators. All of this together lets you have real power over everything on your to-do list. Clearing items when you finish a task is easy as well. All you have to do is swipe right across your screen to strike through completed items.

There is also the option to upgrade to a premium membership. You get perks like location-based notifications, allowing more attachments to your lists, customizable colors, and access to a daily planner called Any.do moments.

Download:Any.do (Free with in-app purchases)

Out of Milk

Some of us are just plain bad at remembering what we were supposed to get at the grocery store. Whether it's forgetting everything on your list, not recalling when you've run out of something at home, or keeping an eye out for deals, picking up food for the week is something on just about everyone's to-do list.

Out of Milk aims to make picking up groceries as easy as possible, while also offering a full to-do feature list. With options to add specific items to your shopping list with barcodes, zip code based deals, and the ability to add a reminder for specific items on your to-do list, there is plenty here to love.

Download:Out of Milk (Free)

Microsoft To-Do

Not everyone needs a productivity app overflowing with tons of features. Sometimes you want something sweet and simple, and that's exactly what Microsoft To-Do delivers. You can easily add new items to your list, and create multiple lists for separating today's errands from long-term goals.

Microsoft To-Do syncs between your phone and PC, and offers suggestions the longer that you use it. There is also the option to add reminders for important items on your list, use it as a note-taking app, and you can organize your lists by day so that you never miss anything that needs to get done. Best of all this app is absolutely free.

Download:Microsoft To-Do(Free)

What's on your list?

There are plenty of apps out there that can help keep you on track with your to-do list. Not all of them are created equal though, and this was a collection of the best to-do apps available on Android. Each one has its own pros and cons, but there is definitely an app out there r everyone. is your favorite on your list? Or is there an app that we should have included here? Let us know about it in the comments below!

Update, December 2017: We've updated this post with all of the best to-do apps available on Android!

Read more and comment

 
2 weeks ago

Best Heavy Duty Cases for Samsung Galaxy S8 as of January 2018

24
Best Heavy Duty Cases for Samsung Galaxy S8

Protect your Galaxy S8 with a sturdy, rugged case, and have some peace of mind while you're at it.

The Galaxy S8 is a slender, sweet piece of glass, and if you like to live the rough-and-tumble, it needs some rugged protection to keep up with you and make through the day in one piece. Check out these heavy duty cases and slap a little peace of mind on that piece of glass.

Consider these the… Guardians of your Galaxy.


Supcase Unicorn Beetle Pro

Supcase Unicorn Beetle Pro

The old standby of rugged cases, the Supcase Unicorn Beetle Pro (around $20) is the utmost in heavy-duty protection for your Galaxy S8. These three-piece cases feature a front cover, back cover, and a holster so that you don't have to carry a heavier phone around in your pocket. With that in mind, the Unicorn Beetle Pro doesn't add a ton of bulk to your phone, but there still is a difference. You want thin, go with a slim case.

The Unicorn Beetle Pro is made of tough polycarbonate plastic and provides extra protection in the corners — the kill shot for just about any phone in the event of a drop. You have your choice of black, blue (doesn't match the S8 coral blue color), pink, and white.

See at Amazon


Zizo Static Series

Zizo Static

Zizo's cases are military drop tested, so they're guaranteed to protect your phone from drops, according to military standards. The Static Series features a fold-out kickstand and two layers of protection: a hard polycarbonate shell with a silicone layer to disperse impact and cushion your phone. This is especially necessary in the corners, which are incredibly vulnerable in a drop situation.

On top of excellent protection, the Zizo Static Series also looks really cool. You have your choice of seven color combinations, which feature a black layer and then a vibrantly colored layer. If you're looking for heavy-duty protection for your Galaxy S8, along with a flash of style and a convenient kickstand, then check these out. Especially since they're only about $11.

See at Amazon

Caseology Legion

Caseology Legion

I love Caseology cases. They always fit well and they're fantastically protective. I use a Wavelength, and I had my phone knocked out of my hand onto a gym floor. After cleaning up my drawers, I picked up my phone and it was fine. That was a slimmer case, too. Check out the rugged Legion series. It features a layer of flexible a shock-absorbing TPU with an outer layer of polycarbonate. You're protected from hard bumps and scratches, as well as shocks and drops.

All the buttons are covered, but the coverings provide great tactile feedback, and your ports are completely accessible. You have your choice of black or orchid gray, which is meant to match the S8 color, though we haven't seen this one in person to verify that.

You can grab one from Amazon for around $13.

See at Amazon


Poetic Revolution

Poetic Revolution

The Poetic Revolution is a two-piece case that you slip your Galaxy S8 into, and then you snap on the front. Most Poetic cases have a screen protector, but this one doesn't because of the Galaxy S8's curved screen. That being said, the raised bezel around the front protects your screen when you lay it face-down, and the raised cutout around the camera protects the lens.

The inside of the Revolution is made of flexible TPU, which is designed to disperse impact and protect your S8 from scratches. The outside of the back is a layer of polycarbonate, which takes the brunt of any bump or drop. The outer edges of this case are textured to give it a great in-hand feel that isn't slippery, so you can hold onto your phone. You have your choice of black, a very vibrant blue, and pink.

Check it out for $10.

See at Amazon

Spigen Tough Armor

Spigen Tough Armor

Spigen makes a phone case for every occasion and its Tough Armor series is perfect for heavy-duty protection. It has an inner layer of TPU for shock absorption and to protect against scratches, as well an outer shell made from durable polycarbonate. There's also a handy kickstand on the back, so you can watch videos hands-free.

This may look a bit like Caseology's Legion, but the button layout is a bit different, with a space between volume up and volume down, so you can control your music on the go without having to pull your phone out of your pocket. The Tough Armor series comes in gunmetal, black, coral blue (which looks like it matches the coral blue S8, but we can't say for sure yet), and maple gold.

Pricing starts around $17.

See at Amazon


UAG Feather-light Rugged

Urban Armor Gear's Feather-light Rugged cases are a staple of the heavy duty case market. These composite cases are made from hard plastic (outer shell) and a flexible and durable TPU rubber (inner shell), which come together to protect against drops, as well as a good deal of shock absorption.

The main nicety of the UAG case is its oversize cutouts for the headphone jack and USB-C port. You shouldn't have to take the case off to listen to tunes or charge up your Galaxy S8, no matter the size of the cable.

There are 10 color options to choose from and pricing starts at $29.

See at Amazon

Mascheri Prism Series

For around $9, all signs point to awesome. This is a fairly slim rugged case, and it's quite sexy, available in a sleek black and a soft rose gold.

This is another dual-layer case with a polycarbonate outer shell and a flexible TPU inner shell, offering the utmost in drop protection and shock absorption. Reviews also mention that it works perfectly with screen protectors, so if you're looking to protect your Galaxy S8 on all sides, this is a fantastic option.

See at Amazon


OtterBox Defender

I left this one off the list, much to the dismay of many a commenter, so here it is in all its glory: the OtterBox Defender. The old standby of rugged cases, OtterBox started it all with cases you could allegedly drive over and your phone would still be intact. I've never known anyone who's tried it, but having had OtterBox cases in the past, it seems plausible.

The Galaxy S8 version is just as great as you've always known, with precise cutouts, a substantial in-hand feel, and a convenient hip holster for you and all your cool friends.

Pricing starts at $22 for black, and you have four other colors to choose from.

See at Amazon

Pelican Voyager

Another comments section special, the Pelican Voyager really shouldn't have been left off this list. I've known an had friends who've used Pelican products for years, from cases to suitcase, and between the warranty, price, and truly rugged protection, this is definitely one of the top three cases in this roundup.

Tested to military specifications, this case has four layers of shock-absorbing protection, with two types of rubber inside a hard polycarbonate plastic shell, adding a bit of bulk, but the ultimate in protection. And the polycarbonate shell has a texturized rubber coating so that it's not slippery. There's also a rad holster that swivels, which you'll probably need, since this will be substantial pocket carry. For $35, you really can't go wrong.

See at Amazon

Looking for something a little slimmer or a bit different?

Best Cases for Galaxy S8

Got one yet?

Have you already picked up a case in anticipation for your Galaxy S8 pre-order? Let us know in the comments below!

Updated December 2017: Added the OtterBox Defender and Pelican Voyager at the behest of the community. Also updated pricing for everything.

Samsung Galaxy S8 and S8+

Verizon AT&T T-Mobile Sprint Unlocked

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

 
2 weeks ago

Telegram 4.7 adds multiple accounts and quick replies on Android

1

Telegram now supports up to three unique accounts/phone numbers.

Telegram is one of the world's most popular messaging services around, and with the latest 4.7 update that's rolling out to Android now, it's picking up a couple new tricks that we think will be greatly appreciated by users everywhere.

The biggest feature being added with Telegram 4.7 is support for multiple accounts. You can now add up to three accounts on the Telegram app that each have their own phone number, and switching back and forth between your different ones is as easy as opening the hamburger menu, tapping the arrow by your number, and choosing which account you want to use.

You'll get notifications for all of your numbers by default, but you can turn these on and off in your notification settings.

Also new in 4.7 is quick replies. When in a conversation, just swipe left on any message and you'll see an option for quickly replying to that specific message.

Telegram 4.7 is available to download in the Play Store now, and you can grab the update by clicking/tapping the button above.

How much local storage do you use on your phone?

Read more and comment

 
2 weeks ago

You'll be able to use Android Auto without any wires this year

25

Wireless Android Auto is almost here.

In November of 2016, Android Auto became a lot more accessible with the ability to run the car-centric version of the OS directly on your phone without the need for a compatible receiver. Android Auto receives do have the advantage of offering a larger display and being a more seamless integration into your vehicle, but the disadvantage is that they require your phone to be plugged into your car.

Thanks to JVC Kenwood, this won't be an issue for too much longer. The company will be showcasing two new Android Auto receivers at CES 2018, and they'll be the first ones that allow you to run Android Auto wirelessly without having to plug your phone into them.

Exact specs are mostly unknown, but CNET reports that both units will come equipped with 1280 x 720 HD displays and support for Apple CarPlay as well.

The current wired method of using Android Auto works fine, but the advantage of going wireless means that you can run Android Auto on your receiver and have a free port on your phone for fast-charging while on the way to work.

Pricing and availability for the JVC Kenwood Android Auto receivers is unknown, but we'll have all these details and much more in just a few short days.

Jam out to your favorite tunes with Plex for Android Auto

All About Android Auto

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

 
2 weeks ago

Xiaomi Mi A1 now getting official Android Oreo update

8

Oreo goes official.

Since early December, Xiaomi's been seeking individuals to participate in a beta of Android Oreo for the Mi A1. News broke later in the month that Oreo for the phone introduced fast-charging, but there was still no timeframe as to when it'd be available for all. However, as a treat for ringing in the new year, Xiaomi's announced that Oreo is officially rolling out to all Mi A1 units.

Xiaomi will push Oreo to the Mi A1 in batches, so if you don't have an OTA update quite yet, it should arrive on your handset within a couple days.

In addition to the previously mentioned fast charging, Oreo for the Mi A1 adds picture-in-picture, notification dots, Google's Autofill API, improved battery/performance, and everything else that we've come to love with Android's latest.

If you own a Xiaomi Mi A1, have you gotten the Oreo update yet?

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

 
2 weeks ago

OnePlus 5 now has Face Unlock with OxygenOS Open Beta 3

3

It's finally here.

A few days before we closed out 2017, OnePlus announced that it'd be introducing Face Unlock to the OnePlus 5 with an OxygenOS Open Beta before rolling it out to everyone with an official OTA update. OxygenOS Beta 3 is now rolling out to the OnePlus 5, and along with a new security patch and a couple general optimizations, also included is – you guessed it – Face Unlock.

Just like on the OnePlus 5T, Face Unlock on the 5 allows you to securely unlock your phone almost instantly by just looking at it. It's not as secure as the good old fingerprint sensor, but there's no denying its sheer convenience.

In addition to Face Unlock, Open Beta 3 for the OnePlus 5 also adds the December 2017 security patch, app shortcuts for Recorder, optimizations for vibrations, a fix for connection issues when using 5G Wi-Fi, and other general fixes/improvements.

You'll need to flash the OxygenOS Open Beta onto your OnePlus 5 if you're not already enrolled, but if you are, an OTA update should already be available.

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

 
2 weeks ago

How much local storage do you use on your phone?

42

The constant battle of cloud vs. local.

Now more than ever, phones are shipping with larger storage configurations and getting rid of 16 and 32GB variants. Seeing 64GB of internal storage slowly become the new norm is pretty exciting, and with Samsung already producing a mobile chip with 512GB, we're now living in the best time for saving local files on our mobile devices.

But then again, do we really need all of that space?

So much of what we do on our phones is now streamed or saved on the cloud, and our forum users recently got into a discussion about how much storage they actually use on their handsets.

Here's what they had to say:

*/
klau25 12-28-2017 12:53 PM “

I guess it depends on you. I keep everything in the cloud, Google drive, Google music. Even with the pixel 1 at 32 gig, I had around 20 gig of storage used. So 64 gig is plenty for me. Some people always have to have everything on their phone. Just depends on how you use it.

Reply
*/
Forest Dane 12-28-2017 12:58 PM “

I managed 2 years with 64gb on my 6p but for some reason I've already used about 50 gb on this XL. I'm probably using more due to having more but even so I'm glad I went larger

Reply
*/
Almeuit 12-28-2017 01:06 PM “

If you don't store a lot on the phone 64 is fine. I personally went with 128 just so I don't ever have to think about it. I do store music and other things on my phone.

Reply
*/
EMGSM 12-28-2017 08:49 PM “

Returning my 64 tomorrow. 128 comes in on the 3rd. I put a lot of videos, music, and notes on it so 128 gives me extra room. As others mentioned, 64 is plenty if you don't store everything on your phone.

Reply
*/
rochrunner46 12-29-2017 02:20 PM “

I only use half of the 32Gb on my 5x, but then I have very little data stored on the device (don't d/l movies or anything like that). All my music is streamed too.

Reply

What about you – How much internal storage do you use on your phone?

Join the conversation in the forums!

Read more and comment

 
2 weeks ago

3 important steps for keeping your kids safe online in 2018

0

You don't need to be afraid of your kids using the internet.

Surfing the internet is not in and of itself a dangerous act, but much like the chain letter emails of our forefathers, it can be easy to get lost when you're inexperienced. Younger users tend to live in apps instead of the browser, but that doesn't always guarantee safety. If you're concerned about leaving your child unattended on the internet, we've got a few tips for ensuring their safety.

.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; } /*-->*/ /*-->*/

As parents, we have no reference to what it is like to be a kid today. We didn't have the internet growing up, and those of us who did weren't constantly barraged with social networks and an endless stream of information that may or may not be real news. Being safe online isn't just about protecting your information digitally, kids in school and other public places can easily snap a photo and use it mock your child online.

Navigating this environment as a parent is new and unusual, but it's also not particularly difficult. Here's how to start!

Give them their own account

This may sound counterproductive, but hear me out: your kid, regardless of age, needs their own identity online. It doesn't have to contain any personal information, it just needs to be separate from your online identity. This can be a Google account, a separate screen name in Minecraft, or their own profile on the family computer, but it's important to set this up early.

That unique identifier makes it easier for their activity online to be monitored and, more importantly, filtered. With a Google Family Link account, you have control over the kinds of search results your child sees and what kinds of apps they can access. With a unique account on Netflix or Hulu you can control what ratings your kid can see. This gives you the ability to teach best practices in safer environments, and slowly open up more of the internet to your kid as they grow more mature.

Also read: How to set up a kid-friendly Android phone or tablet

If you're sharing a tablet, giving your child their own account or profile also helps them feel a sense of ownership. If their activity on that device isn't what you want, you can show them consequences for improper use without exposing your own usage habits and patterns. Instead of just handing the phone or tablet over to play with temporarily, they get to create an environment that belongs to them, which helps them learn and grow.

Look for Parents Guides

Your kids are more than likely going to be using apps and playing games you've never heard of. They want a Roblox account because all of their friends have one, or they want to play Clash of Clans because they saw a commercial on TV. There are a ton of these games out there, and with these little adventures typically comes some kind of horror story of a child racking up a huge bill through in-app purchases because a parent wasn't paying attention. This is not only easily avoidable, but it's an important thing to pay attention to.

Because most of these app developers are aware their games can skew to the younger side, you'll frequently find Parents Guides made by the game creators. These guides are designed to show you how to use the tools built into the app to keep your kid safe and stop unwanted purchases from happening. Some of these tools do things like disable chat or keep personal information hidden when you identify the user as under a certain age. Others will email you when your child logs in to their account from a new device, so you know if your child is playing when they aren't supposed to.

Before letting your kid run wild in a game they love, make sure you locate the Parents Guide. You'll be able to quickly enable any safety or privacy features you'd rather know about early on, and you'll be able to stop your child from spending a ton of cash in-game.

Talk with your children

The best way to keep your kid safe online has little to do with enabling a feature or installing the right app. It's communication. That may sound simple, but it requires a lot of work on the side of the parent. Talk with your kids about what they are doing online, and really try to focus on the parts you don't fully understand. If your kid just spent the last hour watching Jacksepticeye playing a game on Twitch, you should have a general idea of who that person is and get your kid to talk about the experience.

Some of this is going to sound like a foreign language, and you need to respond to that confusion by looking it up yourself and asking your child to explain it to you. Not only does this give you a window into the kind of thing they enjoy, but it keeps you from being surprised when your child is doing something online you don't fully approve of. As a general rule, if you don't understand what your kid is doing online you need to fix that. This isn't just about keeping your child from doing something they shouldn't, it about being aware of how their friends and classmates are treating your child as well.

It's important to be an active participant in your child's online and app-based activities. That doesn't mean you have to be their friend on Instagram, but it does mean you should have a general idea of what the apps and games are they use the most and what those apps are used for. Open communication will allow you to teach your kids how to avoid some of the more obvious traps online, but also keep you from being surprised if something goes wrong.

Read more and comment

 
2 weeks ago

How to get started with Google Play Music

10

There is more music at your fingertips than there are stars in the sky.

While there are many apps that stream music, and stream it well, Google Play Music is Google's music service and as such is an app that comes on millions and millions of devices. While the app has gotten clunkier in recent years, the app is still undoubtedly one of the most useful on the Android scene, and with generous benefits to both paid and free users, it's an app worth getting to know. Whether you subscribe for the millions of songs in Google's library or just stick to the up to 50,000 songs that you can upload and listen to just about anywhere for free, here's how to start down the rabbit hole with Google Play Music.

Read more and comment

 
Show More Headlines

Pages