'); background-position: right 10% top 20px; background-repeat: no-repeat; cursor: pointer; padding-right: 5%; text-align: left; } .full-screen-menu nav ul li.search a { display: inline-block; } @media screen and (max-width: 768px) { .full-screen-menu nav ul li.search { background-position: right 40% top 16px; padding: 0px; text-align: center; } } @media screen and (max-width: 860px) { .full-screen-menu nav ul { height: auto; line-height: 50px; margin-bottom: 40px; width: 50%; } .full-screen-menu nav ul li { width: 100%; } } @media screen and (min-width: 768px) { .full-screen-menu.category-menu .searchform { display: none; } } @media screen and (max-width: 768px) { .full-screen-menu.category-menu input[type=text] { width: 100%; } .full-screen-menu.category-menu input[type=submit] { right: 0%; } } .full-screen-menu.subscribe-menu { color: white; height: 100vh; } .full-screen-menu.subscribe-menu .htg-close { top: 20px; right: 20px; } @media screen and (max-width: 768px) { .full-screen-menu.subscribe-menu .htg-close { top: 0; right: 40px; } } .full-screen-menu.subscribe-menu h6 { color: #999; display: inline-block; font-family: Oswald,sans-serif; font-size: 16px; font-style: italic; font-weight: 400; margin-bottom: 0; margin-top: 15px; } .full-screen-menu.subscribe-menu .subscribe-wrap { background-color: white; height: 20vh; position: relative; min-height: 200px; } @media screen and (max-width: 767px) { .full-screen-menu.subscribe-menu .subscribe-wrap { min-height: 300px; padding-top: 40px; } } .full-screen-menu.subscribe-menu .social-buttons { text-align: center; } .full-screen-menu.subscribe-menu .social-buttons h1 { margin-bottom: 15px; } .full-screen-menu.subscribe-menu .inner { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); max-width: 1200px; width: 100%; } .full-screen-menu.subscribe-menu .left { float: left; width: 60%; } @media screen and (max-width: 767px) { .full-screen-menu.subscribe-menu .left { float: none; width: 100%; } } .full-screen-menu.subscribe-menu .right { float: right; width: 40%; } @media screen and (max-width: 767px) { .full-screen-menu.subscribe-menu .right { float: none; width: 100%; } } .full-screen-menu.subscribe-menu input[type=text] { font-size: 16px; height: 40px; margin-top: 10px; padding-left: 10px; width: 70%; } .full-screen-menu.subscribe-menu input[type=submit] { color: white; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; margin: 0px; width: 25%; padding-top: 0px; padding-bottom: 0; } @media screen and (max-width: 768px) { .full-screen-menu.subscribe-menu svg { width: 100px; } } .full-screen-menu.subscribe-menu .subheading { color: black; display: inline-block; font-family: Oswald,sans-serif; font-size: 46px; margin-top: 10px; margin-bottom: 0px; text-align: center; text-transform: uppercase; width: 100%; } .full-screen-menu.subscribe-menu .emailsubheader { color: #333; font-size: 26px; font-family: oswald, sans-serif; margin-bottom: 0px; margin-top: 0px; max-width: 600px; text-transform: uppercase; } .full-screen-menu.subscribe-menu p { color: black; font-size: 17px; margin-bottom: 0px; margin-top: 0px; max-width: 600px; } .full-screen-menu.subscribe-menu img { display: inline-block; float: left; max-width: 100px; margin-right: 30px; } .full-screen-menu.subscribe-menu .facebook, .full-screen-menu.subscribe-menu .twitter, .full-screen-menu.subscribe-menu .instagram, .full-screen-menu.subscribe-menu .rss { border: 1px solid black; color: black; display: inline-block; } @media screen and (max-width: 400px) { .full-screen-menu.subscribe-menu .facebook, .full-screen-menu.subscribe-menu .twitter, .full-screen-menu.subscribe-menu .instagram, .full-screen-menu.subscribe-menu .rss { display: block; margin: 0 auto !important; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .full-screen-menu.subscribe-menu .facebook, .full-screen-menu.subscribe-menu .twitter, .full-screen-menu.subscribe-menu .instagram, .full-screen-menu.subscribe-menu .rss { margin-right: auto; margin-bottom: 15px; } } .full-screen-menu.subscribe-menu .facebook-link, .full-screen-menu.subscribe-menu .twitter-link, .full-screen-menu.subscribe-menu .instagram-link, .full-screen-menu.subscribe-menu .rss-link { display: inline-block; margin-right: 40px; width: 15%; } @media screen and (max-width: 768px) { .full-screen-menu.subscribe-menu .facebook-link, .full-screen-menu.subscribe-menu .twitter-link, .full-screen-menu.subscribe-menu .instagram-link, .full-screen-menu.subscribe-menu .rss-link { float: left; min-width: 0px; text-align: center; width: 20%; } .full-screen-menu.subscribe-menu .facebook-link > div, .full-screen-menu.subscribe-menu .twitter-link > div, .full-screen-menu.subscribe-menu .instagram-link > div, .full-screen-menu.subscribe-menu .rss-link > div { height: 40px; min-width: 0px; } .full-screen-menu.subscribe-menu .facebook-link svg, .full-screen-menu.subscribe-menu .twitter-link svg, .full-screen-menu.subscribe-menu .instagram-link svg, .full-screen-menu.subscribe-menu .rss-link svg { display: block; margin-left: 50% !important; transform: translateX(-50%); } .full-screen-menu.subscribe-menu .facebook-link p, .full-screen-menu.subscribe-menu .twitter-link p, .full-screen-menu.subscribe-menu .instagram-link p, .full-screen-menu.subscribe-menu .rss-link p { display: none; } } .full-screen-menu.subscribe-menu .facebook-link p, .full-screen-menu.subscribe-menu .twitter-link p, .full-screen-menu.subscribe-menu .instagram-link p, .full-screen-menu.subscribe-menu .rss-link p { font-size: 18px; line-height: 40px; padding-left: 40px; } .full-screen-menu.subscribe-menu .facebook-link > div, .full-screen-menu.subscribe-menu .twitter-link > div, .full-screen-menu.subscribe-menu .instagram-link > div, .full-screen-menu.subscribe-menu .rss-link > div { width: 100%; } @media screen and (max-width: 768px) { .full-screen-menu.subscribe-menu .facebook-link, .full-screen-menu.subscribe-menu .instagram-link { margin-right: 10px; margin-bottom: 10px; } } .full-screen-menu.subscribe-menu .twitter-link svg, .full-screen-menu.subscribe-menu .rss-link svg { width: 25px !important; } @media screen and (max-width: 768px) { .full-screen-menu.subscribe-menu .twitter-link, .full-screen-menu.subscribe-menu .rss-link { margin-left: 10px; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .full-screen-menu.subscribe-menu .twitter-link { margin-right: 10px; } } .full-screen-menu.subscribe-menu .facebook svg, .full-screen-menu.subscribe-menu .twitter svg, .full-screen-menu.subscribe-menu .rss svg { height: 40px; width: 40px; } .full-screen-menu.subscribe-menu .rss-link { margin-right: 0px; }#masthead { display: block; margin-left: auto; margin-right: auto; background-color: #000; height: 45px; min-height: 45px; position: fixed; top: 0 !important; transition: top 0.2s ease-in-out; width: 100%; z-index: 100000100; } #masthead.nav-up { top: -45px !important; } #masthead .search { cursor: pointer; float: right; margin-top: 15px; margin-right: 15px; margin-left: 0px; } @media screen and (max-width: 768px) { #masthead .search { margin-top: 15px; margin-left: 0px; display: none; } } #masthead .main-logo { margin-top: 5px; max-width: 220px; height: 26px; } #masthead ul#topmenu { color: #FFF; float: right; height: 20px; position: relative; top: 6px; margin-left: 0; padding-left: 0; } #masthead ul#topmenu a { color: white; } #masthead ul#topmenu a:hover { color: #e07d02; } #masthead ul#topmenu li { display: inline-block; margin-right: 13px; font-family: oswald, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 15px; padding: 5px; } @media screen and (max-width: 990px) { #masthead ul#topmenu { display: none; } } #masthead .facebook, #masthead .twitter, #masthead .rss, #masthead .email, #masthead .facebook-mobile, #masthead .twitter-mobile, #masthead .linkedin { cursor: pointer; display: inline-block; float: right; margin-top: 15px; margin-right: 11px; } @media screen and (max-width: 768px) { #masthead .facebook, #masthead .twitter, #masthead .rss, #masthead .email, #masthead .facebook-mobile, #masthead .twitter-mobile, #masthead .linkedin { display: none; } } #masthead .facebook { margin-top: 14px; } #masthead .twitter { margin-top: 13px; } #masthead .twitter svg { height: 19px; } #masthead .rss { margin-right: 14px; } #masthead .facebook-mobile, #masthead .twitter-mobile { display: none; } @media screen and (max-width: 768px) { #masthead .facebook-mobile, #masthead .twitter-mobile { display: none; } } #masthead .email { margin-top: 14px; margin-right: 14px; } #masthead .email svg { margin-top: -2px; width: 23px; } #masthead svg { height: 17px; width: 25px; } #masthead .subscribe-button { float: right; color: white; cursor: pointer; position: relative; top: 0px; font-family: Oswald, sans-serif; font-weight: bold; font-size: 15px; margin-right: 14px; margin-left: 9px; background-color: #e07d02; height: 45px; padding: 0; padding-left: 20px; padding-right: 20px; line-height: 45px; text-transform: uppercase; } @media screen and (max-width: 768px) { #masthead .subscribe-button { display: none; } } #masthead .inner { display: block; margin: 0 auto; max-width: 1080px; padding-left: 20px; padding-right: 60px; position: relative; } #masthead .site-branding { display: inline-block; float: left; margin-top: 5px; } @media screen and (min-width: 768px) { #masthead .menu-header-container { margin-left: 20%; } }#page { padding-top: 65px; } #page .entry-header { display: block; margin: 0 auto; margin-top: -5px; max-width: 1080px; padding: 10px 20px; margin-bottom: -10px; background-color: white; } #page .entry-header .entry-title { margin-top: 5px; margin-bottom: 10px; } #page .entry-header .entry-title a { color: #333; } @media screen and (max-width: 768px) { #page .entry-header .entry-title a { font-size: 30px; line-height: 38px; display: block; } } @media screen and (min-width: 768px) { #page .entry-header .entry-title a { font-family: "Roboto", sans-serif; line-height: 48px; font-size: 40px; color: #333; } #page .entry-header .entry-title a:hover { color: #e07d02; } } #page .entry-header .entry-meta { font-size: 12px; margin-top: 0px; text-transform: uppercase; color: #666; } #page .entry-header .entry-meta .post-author { font-weight: bold; color: #1d55a9; } #page .entry-header .entry-meta .metasep { padding-left: 5px; padding-right: 5px; font-size: 18px; line-height: 20px; color: #888; } #page .entry-header .entry-meta a { color: #1d55a9; } #page .entry-header .entry-meta a:hover { color: #e07d02; } #page .entry-header .entry-meta .author-twitter a { color: #2AA3EF; text-transform: lowercase; } #page .entry-header .entry-meta .author-twitter a:hover { color: #e07d02; }.site-footer { background-color: #000; color: white; padding-top: 40px; padding-bottom: 20px; position: absolute; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: #000; } .site-footer .copyright { clear: both; display: block; margin: 20px auto; font-size: 11px; text-align: center; } @media screen and (max-width: 768px) { .site-footer .copyright { text-align: center; width: 100%; } } .site-footer .footer-nav { font-weight: 700; text-transform: uppercase; } .site-footer .logo img { max-width: 200px; } .site-footer a { color: white; display: block; margin-bottom: 10px; text-decoration: none; } .site-footer a:hover { color: #e6e6e6; } .site-footer a:visited { color: white; } .site-footer div.logo, .site-footer .pages, .site-footer .footer-nav { display: inline-block; float: left; width: 33%; } @media screen and (max-width: 768px) { .site-footer div.logo, .site-footer .pages, .site-footer .footer-nav { display: block; text-align: center; width: 100%; } } .site-footer ul { list-style: none; } @media screen and (max-width: 768px) { .site-footer ul { border-top: 1px solid #999; margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 0px; padding-left: 0px; padding-top: 20px; } } .site-footer ul a { margin-bottom: 0px; } .site-footer .social a { color: white; } .site-footer .social p { margin-bottom: 10px; } .site-footer .pages a, .site-footer .footer-nav a { margin-bottom: 10px; } @media screen and (max-width: 768px) { .site-footer .pages a { display: block; float: left; width: 50%; } } .site-footer .facebook, .site-footer .twitter, .site-footer .instagram, .site-footer .rss, .site-footer .linkedin { background-color: #3b5998; color: white; height: 40px; line-height: 40px; max-width: 200px; padding-top: 0px; padding-bottom: 0px; } @media screen and (max-width: 768px) { .site-footer .facebook, .site-footer .twitter, .site-footer .instagram, .site-footer .rss, .site-footer .linkedin { display: block; margin: 0 auto; text-align: left; } } .site-footer .facebook:hover, .site-footer .twitter:hover, .site-footer .instagram:hover, .site-footer .rss:hover, .site-footer .linkedin:hover { background-color: #2d4373; cursor: pointer; } .site-footer .facebook svg, .site-footer .twitter svg, .site-footer .instagram svg, .site-footer .rss svg, .site-footer .linkedin svg { float: left; height: 40px; width: 40px; } .site-footer .facebook svg, .site-footer .facebook p, .site-footer .twitter svg, .site-footer .twitter p, .site-footer .instagram svg, .site-footer .instagram p, .site-footer .rss svg, .site-footer .rss p, .site-footer .linkedin svg, .site-footer .linkedin p { display: inline-block; } .site-footer .facebook p, .site-footer .twitter p, .site-footer .instagram p, .site-footer .rss p, .site-footer .linkedin p { line-height: 40px; margin-top: 0px; margin-bottom: 0px; padding-left: 15px; } .site-footer .twitter { background-color: #2AA3F0; } .site-footer .twitter:hover { background-color: #0f8ad8; cursor: pointer; } .site-footer .twitter svg { margin-left: 7px; margin-right: 7px; max-width: 25px; } .site-footer .linkedin { background-color: #0077b5; } .site-footer .linkedin:hover { background-color: #005582; cursor: pointer; } .site-footer .linkedin svg { margin-left: 7px; margin-right: 7px; max-width: 25px; } .site-footer .container { display: block; margin: 0 auto; max-width: 1080px; }#content.searchvisible { padding-top: 90px; }h2, strong { font-weight: 600; }@media screen and (max-width: 768px) { #secondary #purch_Y_R_1_1, #secondary #purch_Y_S_0_1 { display: none; } #purch_Y_L_0_1 { display: none; } .adslot.adslot970 { display: none; } }.social-wrapper { float: left; padding-right: 10px; }.comments-and-count { display: inline-block; } .comments-and-count h3 { color: #2d51c3; cursor: pointer; font-family: Oswald, sans-serif; font-size: 20px; margin-top: 5px; margin-bottom: 0px; text-transform: uppercase; } @media screen and (max-width: 768px) { .comments-and-count h3 { font-size: 20px; margin-top: 0px; } }.share-heading { display: inline-block; float: left; font-family: 'oswald', sans-serif; font-size: 24px; margin: 0 10px 0 0; padding-top: 5px; text-transform: uppercase; } @media screen and (max-width: 768px) { .share-heading { padding-top: 0px; } }a.social-share svg { max-height: 30px; max-width: 30px; } @media screen and (max-width: 786px) { a.social-share svg { max-height: 30px; max-width: 30px; } }a.facebook svg { fill: #3B5998; }a.g-plus svg { fill: #d34836; }a.pocket svg { fill: #ED4055; }a.twitter svg { fill: #1DA1F2; }a.linkedin svg { fill: #007AB6; }a.reddit svg { fill: #FF5700; }a.discourse svg { fill: #30486A; height: 40px; width: 40px; } @media screen and (max-width: 768px) { a.discourse svg { height: 30px; width: 30px; } } a.discourse svg .st0 { fill: none; } a.discourse svg .st1 { fill: #FFFFFF; } a.discourse svg .st2 { font-family: 'oswald', sans-serif; } a.discourse svg .st3 { font-size: 700px; }.comments { float: right; } @media screen and (max-width: 768px) { .comments { float: left; } }.sidebar-article .how-to-geek-follow { margin-top: 20px; margin-bottom: 20px; }.how-to-geek-follow .email-subscribe { background-color: #172232; color: #fff; padding-bottom: 10px; } .how-to-geek-follow .email-subscribe .subscribe-text, .how-to-geek-follow .email-subscribe .geek { display: inline-block; } .how-to-geek-follow .email-subscribe .subscribe-text { float: right; padding-top: 20px; width: 66.66%; } .how-to-geek-follow .email-subscribe .subscribe-text input[type=text] { font-size: 14px; min-height: 30px; vertical-align: bottom; } .how-to-geek-follow .email-subscribe .subscribe-text input[type=submit] { background: rgba(196, 230, 237, 0.99); border: 1px solid #CCC; box-sizing: border-box; font-size: 16px; min-height: 30px; padding: 0px 10px 0px 10px; vertical-align: bottom; } .how-to-geek-follow .email-subscribe .subscribe-text .top-bar { padding-left: 0px; } .how-to-geek-follow .email-subscribe .subscribe-text p { font-size: 14px; margin-top: 0px; margin-bottom: 15px; } .how-to-geek-follow .email-subscribe .geek { width: 33.33%; } .how-to-geek-follow .email-subscribe svg { margin-left: -5px; margin-top: 15px; }.how-to-geek-follow .social-follows { color: white; font-family: 'oswald', sans-serif; margin-top: 10px; } .how-to-geek-follow .social-follows .top-bar { margin-bottom: 5px; } .how-to-geek-follow .social-follows a { color: white; } .how-to-geek-follow .social-follows p { font-size: 16px; float: right; margin-top: 5px; margin-bottom: 0px; padding-right: 5px; text-transform: uppercase; } .how-to-geek-follow .social-follows a { flex: 1; justify-content: space-between; } .how-to-geek-follow .social-follows a:not(:last-child) { margin-right: 20px; } .how-to-geek-follow .social-follows .facebook-like { background-color: #3B5998; padding: 10px 18px 0px 10px; } .how-to-geek-follow .social-follows .facebook-like p { margin-top: 0px; } .how-to-geek-follow .social-follows .facebook-like svg { margin-top: -1px; } .how-to-geek-follow .social-follows .twitter-follow { background-color: #1DA1F2; padding: 5px 17px 0px 10px; } .how-to-geek-follow .social-follows .gplus-like { background-color: #d34836; padding: 5px 15px 0px 10px; } .how-to-geek-follow .social-follows .social-icons { display: flex; } .how-to-geek-follow .social-follows .social-icons div { justify-content: space-between; }.adslot970:not(.collapse) { }.adslot970 #purch_Y_L_1_1 { }ol.justthesteps, span.nutshell { display: block; width: 200px; float: right; padding-left: 10px; padding-bottom: 0px; border-top: 3px solid #CCC; border-bottom: 3px solid #CCC; padding-top: 15px; margin-bottom: 10px; margin-right: 15px; }ol.justthesteps::before, span.nutshell::before { content: "JUST THE STEPS"; float: right; margin-top: -26px; z-index: 1; position: relative; padding-left: 10px; background-color: #FFF; font-family: oswald, sans-serif; font-size: 16px; color: #666; font-weight: normal; }span.nutshell { width: 300px; font-size: 13px; padding-bottom: 6px; padding-top: 8px; color: #333; margin-left: 10px; }span.nutshell::before { content: "IN A NUTSHELL"; margin-top: -20px; }ol.justthesteps li { font-size: 12px; padding-left: 6px; color: #555; margin-bottom: 3px; }ol.justthesteps li a { text-decoration: none; margin-top: 5px; display: block; margin-bottom: 5px; }a.cdlnk { border: 1px solid #999; padding: 5px 8px; border-radius: 5px; text-decoration: none !important; background: #8be654; color: black !important; }a.cdlnk:hover { box-shadow: 1px 1px 1px 1px #ccc; }a.lmlnk { border: 1px solid #999; padding: 5px 8px; border-radius: 5px; text-decoration: none !important; background: #cecece; color: black !important; }a.lmlnk:hover { box-shadow: 1px 1px 1px 1px #ccc; }a.dllnk { border: 1px solid #999; padding: 5px 8px; border-radius: 5px; text-decoration: none !important; background: rgba(112, 206, 55, 0.57); color: black !important; }a.dllnk:hover { box-shadow: 1px 1px 1px 1px #ccc; }#purch_Y_R_1_1, #purch_Y_L_0_1, #purch_Y_S_0_1, #purch_Y_R_0_1, #purch_Y_L_1_1, #div-thetop1 { padding-top: 0px; padding-bottom: 10px; text-align: center; }#div-thetop1 { background-color: #FAFAFA; border: 1px solid #f3f3f3; }#purch_Y_R_1_1::before, #purch_Y_L_0_1::before, #purch_Y_S_0_1::before, #purch_Y_R_0_1::before, #purch_Y_L_1_1::before, #div-thetop1::before { content: "ADVERTISEMENT"; font-size: 10px; color: #CCC; display: block; }#purch_Y_R_1_1 { min-height: 250px; width: 300px; margin-bottom: 20px; margin-top: -15px; margin-right: auto; margin-left: auto; }#purch_Y_L_1_1 { margin-left: auto; margin-right: auto; }#purch_Y_S_0_1 { margin-top: 20px; margin-bottom: 20px; }code, pre { font-size: 14px !important; }.below-post-features { width: 100%; } .below-post-features .belowh4 { font-family: 'oswald', sans-serif; font-size: 20px; font-weight: 400; } .below-post-features .pf2, .below-post-features .pf3 { display: inline-block; float: left; height: 200px; max-width: 220px; margin-bottom: 40px; padding: 0px 10px 10px 10px; } .below-post-features .pf2 img, .below-post-features .pf3 img { max-width: 100%; } .below-post-features .pf2 a, .below-post-features .pf3 a { float: left; font-size: 14px; font-weight: bold; line-height: 16px; } @media screen and (max-width: 768px) { .below-post-features { text-align: center; } .below-post-features .pf2, .below-post-features .pf3 { height: 150px; max-width: 100%; width: 100%; } .below-post-features .pf2 a, .below-post-features .pf3 a { float: none; } .below-post-features img { display: block; margin: 10px auto; } }@media screen and (max-width: 768px) { .homepage-articles .entry-meta img, body.blog #main article .entry-meta img, body.archive #main article .entry-meta img { display: none; } article.fyi .entry-meta img { display: none; } #featuredsection .spbig .entry-meta img { display: block; } .homepage-articles article.tag-splashbox .entry-meta img, body.blog #main article.tag-splashbox .entry-meta img, body.archive #main article.tag-splashbox .entry-meta img { display: block; } .aboutspan { display: none; } }body.blog .post-author a, body.blog a.post-author, body.blog span.post-author, body.archive .post-author a, body.archive a.post-author, body.archive span.post-author { margin-right: 8px; color: #555; } body.blog .post-author a a, body.blog a.post-author a, body.blog span.post-author a, body.archive .post-author a a, body.archive a.post-author a, body.archive span.post-author a { color: #555; } body.blog .post-author a a:hover, body.blog a.post-author a:hover, body.blog span.post-author a:hover, body.archive .post-author a a:hover, body.archive a.post-author a:hover, body.archive span.post-author a:hover { color: #e07d02; }span.icon { margin-top: 6px; margin-right: 3px; background-color: #FFF; border: 1px solid #BBB; display: inline-block; position: relative; vertical-align: top; }span.icon:after, span.icon:before { background: #DDD; border: 2px solid #CCC; content: ''; position: absolute; }span.icon:hover,span.icon:hover:after,span.icon:hover:before { background-color: #ffe; }span.clock { border-radius: 100%; height: 14px; width: 14px; }span.clock:after, span.clock:before { border-left: none; width: 0; }span.clock:after { height: 5px; left: 5px; top: 2px; }span.clock:before { height: 4px; left: 7px; top: 4px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }time.dt-updated.post-date.updated { white-space: pre; }body.home #content #primary article.tag-minimize header, body.home #content #primary article.tag-newsroundup header { position: relative; min-width: 400px; min-height: 36px; }body.home #content #primary article.tag-minimize header h2.entry-title, body.home #content #primary article.tag-newsroundup header h2.entry-title { font-size: 16px; margin-bottom: 0px; margin-top: 0px; line-height: 20px; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }body.home #content #primary article.tag-minimize header h2.entry-title a { color: #444; }body.home #content #primary article.tag-newsroundup header h2.entry-title a { color: #444; }body.home #content #primary article.tag-minimize header h2.entry-title a:hover, body.home #content #primary article.tag-newsroundup header h2.entry-title a:hover { color: #e07d02; }#articlelabel { width: 235px; background-color: #f1f1f1; color: #555; border: 1px solid #DDD; text-align: center; padding-top: 8px; padding-bottom: 8px; font-size: 12px; font-weight: bold; float: left; margin-right: 10px; }@media screen and (max-width: 768px) { #articlelabel { max-width: 20%; } body.home #content #primary article.tag-minimize header, body.home #content #primary article.tag-newsroundup header { min-width: 70vw; } body.home #content #primary article header h2.entry-title { margin-bottom: 0; line-height: 24px; font-size: 18px; margin-top: 0; } }body.home #content #primary article.tag-minimize .entry-meta, body.home #content #primary article.tag-newsroundup .entry-meta { display: none; }body.home #content #primary article.tag-minimize, body.home #content #primary article.tag-newsroundup { width: 100%; }.sidebar-article .htg-frame { display: block; margin: 0 auto; margin-bottom: -50px; max-width: 300px; }iframe#htg-content-inline-block { border: none; margin-bottom: -20px; width: 100%; }.htg-frame { overflow: hidden; margin-bottom: -50px; min-height: 240px; width: 100%; }#htg-content-inline-block { border: 0px; margin-bottom: -30px; width: 100%; }.ct_wallpaper #page { display: block; margin: 0 auto; max-width: 1050px; position: relative; z-index: 2; }@media screen and (min-width: 768px) { .ct_wallpaper #secondary { width: 33%; } }#disqus_thread { float: left; width: 100%; margin-top: 20px; }span.sptag { font-weight: bold; font-size: 12px; margin-top: 0px; padding-top: 0px; display: block; color: #1d55a9; }.article-extras { position: relative; } .article-extras .author-image { border-radius: 100px; float: left; width: 100px; position: absolute; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 767px) { .article-extras .author-image { position: static; display: block; margin: 0 auto; margin-bottom: 10px; transform: translateY(0%); float: none; } } .article-extras h3 { color: #333; margin-bottom: 5px; margin-top: 0px; } .article-extras .author-info-box { margin-left: 15%; padding-left: 20px; } @media screen and (max-width: 767px) { .article-extras .author-info-box { margin-left: 0px; padding-left: 0px; width: 100%; } } .article-extras .contact-info { display: inline-block; margin-bottom: 5px; margin-top: 10px; width: 100%; } @media screen and (max-width: 767px) { .article-extras .contact-info { margin-left: 0px; width: 100%; } } .article-extras .contact-info p { display: inline-block; margin-left: 5px; margin-top: 5px; margin-bottom: 15px; } .article-extras .contact-info a { text-transform: underline; } .article-extras .contact-info strong { text-transform: uppercase; } .article-extras svg { height: 20px; width: 20px; vertical-align: middle; } .article-extras .email-contact { margin-right: 20px; } .article-extras .email-contact svg { height: 16px; width: 16px; } @media screen and (max-width: 767px) { .article-extras .email-contact { display: block; margin-top: 10px; margin-bottom: 15px; margin-right: 0px; width: 100%; } } @media screen and (max-width: 767px) { .article-extras .twitter-contact { display: block; margin-left: 0px; width: 100%; } }#bom_footer_closed_state { z-index: 2147483640 !important; }#disqus_thread { padding-top: 20px; }/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger { padding: 13px 0px; display: inline-block; cursor: pointer; float: right; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.9; } .hamburger:focus { outline: 0; }.hamburger-box { width: 20px; height: 14px; display: inline-block; position: relative; }.hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 2px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; }.hamburger--slider .hamburger-inner { top: 1px; } .hamburger--slider .hamburger-inner::before { top: 6px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 12px; }.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-2.85714px, -4px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -12px, 0) rotate(-90deg); }@media screen and (max-width: 768px) { .htg-hamburger { position: absolute; right: 15px; } }body { font-family: 'Roboto','Open Sans', sans-serif; } @media screen and (max-width: 768px) { body { font-family: "-apple-system", "Roboto", sans-serif; } } body .load-more { border: 1px solid #172232; color: #333; clear: both; font-family: 'Oswald', sans-serif; font-size: 20px; margin: 20px auto 0px auto; max-width: 400px; padding: 10px; position: relative; text-align: center; text-transform: uppercase; } body .load-more .chevron { font-size: 26px; } body .load-more:hover { background-color: #e6e6e6; cursor: pointer; } body .homepage-bottom-ad { float: left; margin-top: 0px; text-align: center; width: 100%; } body #secondary { padding-left: 10px; margin-top: 10px; } body .article-quilt { height: 420px; margin-bottom: 40px; max-width: 1000px; } @media screen and (max-width: 768px) { body .article-quilt { display: block; } } body .article-quilt .entry-content { display: none; } body .splashbox { background-color: #000; border: 2px solid #000; border-right: 0px; box-sizing: border-box; float: left; height: 420px; line-height: 26px; width: 50%; } @media screen and (max-width: 768px) { body .splashbox { border-right: 2px solid #000; height: auto; } } body .splashbox .entry-header { padding: 0px 15px 15px 15px; } body .splashbox .entry-header h2 { margin-bottom: 0px; margin-top: 10px; } body .splashbox .entry-title { color: white; font-size: 29px; line-height: 34px; } @media screen and (max-width: 768px) { body .splashbox .entry-title { font-size: 25px; line-height: 28px; } } body .splashbox .entry-meta { color: #ccc; font-size: 12px; } body .splashbox .entry-meta a { color: #ccc !important; } body .splashbox .entry-meta time { padding-left: 6px; } @media screen and (max-width: 768px) { body .splashbox { width: 100%; } } body .splashbox article { color: white !important; margin: 0px; position: relative; } body .splashbox article img { width: 100%; } body .featured-article-stream { border: 2px solid #000; } @media screen and (max-width: 768px) { body .featured-article-stream { border-top: 0px; margin-bottom: 20px; } } body .featured-article-stream .entry-header { height: 208px; position: relative; } body .featured-article-stream .entry-header > a { display: inline-block; width: 40%; } body .featured-article-stream article { height: 208px; margin-bottom: 0px; width: 100%; } body .featured-article-stream article:first-child .featured-image { border-bottom: 2px #000; } @media screen and (max-width: 768px) { body .featured-article-stream article { border-top: 0px; float: left; margin-bottom: 20px; } } body .featured-article-stream article .entry-meta { color: white; font-size: 12px; padding-top: 8px; } body .featured-article-stream article .entry-meta a { color: white !important; } body .featured-article-stream article .entry-meta time { padding-left: 6px; } body .featured-article-stream article .featured-image { background-size: cover; background-repeat: no-repeat; height: 208px; width: 40%; position: absolute; top: 0; left: 0; bottom: 0; } body .featured-article-stream article .entry-title { color: white; font-size: 26px; line-height: 26px !important; padding-right: 15px; } @media screen and (max-width: 768px) { body .featured-article-stream article .entry-title { font-size: 21px; line-height: 24px !important; } } body .featured-article-stream article:first-child { background-color: #1a4d82; border-bottom: 2px #000; } body .featured-article-stream article:first-child span.clock { background-color: #1a4d82; } body .featured-article-stream article:last-child { background-color: #630a0a; } body .featured-article-stream article:last-child span.clock { background-color: #630a0a; } body .featured-article-stream .article-text { float: right; width: 60%; position: relative; top: 50%; transform: translateY(-50%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } body .featured-article-stream, body .article-stream { box-sizing: border-box; float: right; width: 50%; } @media screen and (max-width: 768px) { body .featured-article-stream, body .article-stream { margin-top: 0px; padding-left: 0px; width: 100%; } } body .featured-article-stream article, body .article-stream article { clear: both; } @media screen and (max-width: 768px) { body .featured-article-stream article, body .article-stream article { margin-bottom: 0px; } } body .featured-article-stream article .entry-title, body .featured-article-stream article .entry-meta, body .article-stream article .entry-title, body .article-stream article .entry-meta { line-height: 20px; margin-top: 0px; margin-bottom: 0px; padding-left: 20px; } body .featured-article-stream article img, body .article-stream article img { max-width: 33%; } body .geek-trivia { background: #0F151D; background-repeat: no-repeat; background-size: 20px; background-position: 95% 10px; color: #EEE; cursor: pointer; margin-bottom: 20px; padding: 10px; } body .geek-trivia a { color: #EEE; padding-top: 20px; padding-bottom: 20px; } body .geek-trivia h4 { color: white; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; } body #content { display: block; margin-left: auto; margin-right: auto; background-color: white; max-width: 1080px; padding: 20px; } body #content #primary { display: inline-block; float: left; margin-bottom: 20px; max-width: 660px; padding-right: 10px; width: 70%; } @media screen and (max-width: 768px) { body #content #primary { width: 100%; } body #content #primary .splashbox { padding-right: 0px !important; } body #content #primary .articles-left, body #content #primary .articles-right { padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; } } body #content #primary .homepage-articles article img { margin-top: 0px; } body #content #primary .homepage-articles article header h2.entry-title { margin-bottom: 8px; line-height: 33px; margin-top: 2px; } @media screen and (max-width: 768px) { body #content #primary .homepage-articles article header h2.entry-title { line-height: 27px; } } body #content #primary .homepage-articles article header h2.entry-title a, body #content #primary .homepage-articles article header h2.entry-title { color: #000; } body #content #primary .homepage-articles article.trivia header h2.entry-title a { color: #FFF; } body #content #primary .homepage-articles article header h2.entry-title a:hover { color: #e07d02; } body #content #primary .homepage-articles .entry-meta span.fn:hover { color: #e07d02; } body #content #primary .homepage-articles article.tag-splashbox header.entry-header h2.entry-title { margin-top: 15px; } body #content #primary article { margin-bottom: 10px; } body #content #primary .entry-title { font-size: 26px; font-weight: 600; margin-top: 5px; margin-bottom: 8px; } body #content #primary .entry-meta { font-size: 12px; line-height: 26px; } body #content #primary .entry-header h2 { margin-bottom: 8px; } body #content #primary article.tag-splashbox .entry-header h2 { font-size: 24px; margin-top: 10px; } @media screen and (max-width: 768px) { body #content #primary .homepage-articles .entry-title { line-height: 27px; } } body #content #primary .entry-content { color: #555; font-size: 14px; margin-top: 0px; margin-bottom: 10px; } body #content #primary .entry-content p { margin-top: 0px; } body #content #primary .entry-footer { color: #555; font-size: 11px; line-height: 20px; } body #content #primary .entry-footer a { color: #555; text-decoration: none; } body #content #primary .articles-left { display: inline-block; float: left; width: 50%; padding-right: 10px; padding-top: 20px; } body #content #primary .articles-left article, body #content #primary .articles-left > div { border-bottom: 1px solid #ccc; padding-bottom: 5px; } body #content #primary .articles-left .entry-title { font-size: 18px; font-weight: 600; line-height: 22px; } body #content #primary .articles-left > div { max-height: 700px !important; max-width: 100% !important; width: 100% !important; } body #content #primary .articles-left > div div { max-width: 100% !important; width: 100% !important; } body #content #primary .articles-left > div div img { width: 100%; } body #content #primary .articles-left > div .nwMetaTime { color: #555 !important; font-size: 11px; } body #content #primary .articles-left > div .nwMetaTime a:hover { color: #555 !important; text-decoration: none; } body #content #primary .articles-left > div a.title { font-size: 18px; font-weight: 600; } body #content #primary .splashbox { padding-right: 20px; } body #content #primary .splashbox .entry-title { font-size: 26px; line-height: 29px; margin-bottom: 5px; margin-top: 10px; } body #content #primary .splashbox img { width: 100%; margin-top: 0px; } body #content #primary .splashbox .entry-header::after { content: "FEATURED ARTICLE"; position: absolute; top: 0; left: 0; display: block; padding: 8px 14px; background: rgba(23, 34, 50, 0.8); color: white; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: bold; } body #content #primary .articles-right { display: inline-block; float: left; width: 50%; padding-left: 10px; padding-top: 20px; } body #content #primary .articles-right .htg-pro { background-color: #F1F1F1; border: 1px solid #CCC; font-size: 13px; line-height: 16px; margin-bottom: 20px; padding-bottom: 10px; } body #content #primary .articles-right .htg-pro ul { margin: 0; padding-left: 10px; } body #content #primary .articles-right .htg-pro li { list-style: disc; margin: 10px 20px 0px 20px; } body #content #primary .articles-right .recently-popular { background-color: #F1F1F1; } body #content #primary .articles-right .recently-popular .articles { padding: 10px; } body #content #primary .articles-right .recently-popular .articles article { border-bottom: 1px solid #ccc; padding-bottom: 5px; } body #content #primary .articles-right .recently-popular .articles .entry-title { font-size: 18px; font-weight: 600; line-height: 22px; margin-bottom: 5px; } body #content #primary .articles-right .recently-popular .articles .entry-content { font-size: 13px; line-height: 16px; } body #content #primary .articles-right .recently-popular .articles .entry-meta { margin-top: 5px; }
公与憩在线观看_青青河边草腾讯视频_把别人p裸的软件 Microsoft sometimes distributes important security updates through the Microsoft Store. That’s the lesson we’re learning in July 2020, when Microsoft sent an important update for Windows 10’s HEVC codecs not...
Apple has redesigned macOS yet again with macOS Big Sur. In one of its sweeping interface changes, Big Sur introduces a new iPhone-style Control Center to the menu bar. Here’s everything Control Center in macOS Big Sur ...
If you’re a fan of the Marvel comics universe, you might have noticed that a lot of the Marvel icons have alliterative names—Peter Parker, Bruce Banner, Matt Murdock, and so on—this is a direct result of comic book legend Stan Lee, who claims he created so many alliterative character names in a bid to help himself recall them correctly while working.
By default, Windows 10’s built-in antivirus program called Microsoft Defender scans your PC for threats in real-time. Sometimes, you might want to turn it off—either temporarily or if you are using your own antiv...
The rumors were right: Apple is shifting away from Intel in favor of its own Apple Silicon ARM-based processors. This will bring some big changes with it for anyone who uses a Mac. Chief among these is the ability to natively...
The internet isn’t anonymous. Wherever you go, you leave breadcrumbs about who you really are. Some of these are bigger than others, but the biggest is your IP address. Armed with this, it isn’t difficult for law enforcem...
Approximately one in every two million lobsters has a rare genetic defect that causes them to be bright blue instead of olive-green or greenish-brown.
More Articles ›
How-To Geek is where you turn when you want experts to explain technology. Since we launched in 2006, our articles have been read more than 1 billion times. Want to know more?
http://www.addi1fsn.tw |
http://m.addi1fsn.tw |
http://wap.addi1fsn.tw |
http://3g.addi1fsn.tw |
http://4g.addi1fsn.tw |
http://5g.addi1fsn.tw |
http://mobile.addi1fsn.tw |
http://vip.addi1fsn.tw |
http://ios.addi1fsn.tw |
http://anzhuo.addi1fsn.tw |
http://1de90.addi1fsn.tw |
http://d6c62.addi1fsn.tw |
http://15c96c.addi1fsn.tw |
http://7a60cc.addi1fsn.tw |
http://120e1.addi1fsn.tw |
http://1.addi1fsn.tw |
公与憩在线观看