/* * These styles apply ONLY to the header and footer assets. */ } body:hover { color: #0276b3; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ .Panel{ width:250px } .MainContent.Content{ width:calc(100% - 290px); } .Box.Tags{ display:none; } #vanilla_discussion_embed .mcrow{ display:none; } @media screen and (max-width:992px){ .Panel,.MainContent.Content { width:100%!important } } @media only screen and (max-width:700px){ .MainContent center img { width:100% } } .CategoryHeading .ItemContent{ font-size:28px } .Item .TitleWrap .Title { font-size:20px !important; } .Meta-Discussion{ background:#f7f7f7; border:1px solid #efefef; padding:5px; margin:0 } .Header-desktopNav .Navigation-linkContainer a{ font-family:barlow; font-size:16px } .Header-desktopNav .Navigation-linkContainer a:active,.Header-desktopNav .Navigation-linkContainer a:focus,.Header-desktopNav .Navigation-linkContainer a:hover{ background:#231f20; } .Header .MeButton:active,.Header .MeButton:focus,.Header .MeButton:hover{ background-color:#231f20; } .ButtonGroup.Multi>.Button:first-child{ border-radius:0 } .BoxFilter,.BoxCategories{ background:#fff; padding:5px; border:1px solid #ccc; border-radius:10px; margin:20px 0 } .BoxFilter-Heading,.Panel .BoxCategories>h4{ width:auto; padding:5px 10px 10px; margin:0 -5px; border-bottom:1px solid #ccc; border-radius:0; font-family:barlow,sans-serif; } .side-promo{ margin:20px 0; width:100%; text-align:center; } .build-submit-tile,.build-showcase-tile{ margin-top:20px; border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:15px } .build-showcase-tile-link{ border:1px solid #e2e2e2; background:#f5f5f5; display:block; font-size:16px; text-align:center; padding:5px 10px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h4,.build-showcase-tile h4{ color:#353535; line-height:1 } .build-showcase-tile h4{ color:#24883e } .build-submit-tile p,.build-showcase-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block } .build-showcase-tile a:first-child{ } .BoxCategories-Heading a{ font-size:18px } .BoxCategories.BoxCategories ul.FilterMenu li .ItemLink.appointment-btn{ width:92%; padding:5px 10px; margin:10px auto 15px; border-radius:0; display:block; background:#135d93; color:#fff; text-align:center; } .BoxCategories ul{ margin:0 5px } body.Section-Profile .Panel-main .PhotoWrapLarge{ margin-bottom:0 } .Panel{ padding:10px; background:#eee; } .Header{ background-color:#3a3738; } .Header-logo img{ max-height:35px; padding-right:20px } h4{ font-size:24px } .Panel-main h2,.Panel-main h4{ font-size:20px } .Panel h4{ padding:0 } .CategoryHeading,.Item .TitleWrap,.Item .Title,.heading,h1,h2,h3,h4,h5,h6{ font-family:barlow,sans-serif; font-weight:500!important } .DataList .Item .Title,.DataList .MItem a,.BoxCategories.BoxCategories a,.BoxFilter:not(.BoxBestOfFilter) a{ color:#135d93; } .BoxButtons .Button.Primary{ background:#135d93; } .Number{ color:#c74800; } .CategoryHeading,.Item .Title,.Item.Read .Title,.CategoryName h2,.Item .TitleWrap,[aria-level="3"] a{ color:#172b44 } .DataList.CategoryList .CategoryHeading{ padding-top:20px!important } .DataList.CategoryList .CategoryHeading:first-child{ padding-top:0!important } .DataList .CategoryHeading{ font-size:24px } .BoxButtons .Button.Primary,.groupToolbar .Button.Primary{ background:#135d93; border:0; color:#fff } .ButtonGroup.Multi .Button.Handle,.ButtonGroup.Multi.Open .Button.Handle{ background-color:transparent; color:#fff; border:0; border-radius:0 } .Pager .QuickSearchButton,.Pager .QuickSearchWrap .Button{ background:#b3d4fc; border:1px solid #b3d4fc; color:#000; } .build-submit-tile{ border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:10px 10px 20px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h3{ font-size:20px; color:#ca500f; line-height:1 } .build-submit-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block; } .builds-keywords{ border-radius:0 0 8px 8px; margin:-15px; margin-top:15px; background:#efefef; padding:10px 15px 14px; border-top:1px solid #d9e7f4 } .builds-keywords h5{ margin-bottom:7px } .builds-keywords a{ border:0; display:block; padding:2px 5px; width:89%; background:#757575; color:#fff; margin:2px auto; text-align:center; } .builds-keywords a:hover{ background:#135d93; color:#fff; } .BuildPromo-container{ padding:10px; margin-top:20px; border:1px solid #ccc; background:#dadada; } .BuildPromo-container h2{ font-size:24px; color:#983b0a; } .BuildPromo-container h3{ font-size:20px; margin-bottom:10px; color:#525252; } .BuildPromo-container p{ font-weight:700; margin-bottom:20px; text-align:center; color:#0f670b; font-size:14px } .BuildPromo-container a{ font-weight:600; display:block; padding:5px 10px; width:80%; margin:0 auto; text-align:center; color:#135d93; border:1px solid #135d93 } .Panel .UserBox{ background:#fff; padding:10px; border-radius:10px 10px 0 0; border:1px solid #ccc; border-bottom:0 } .Panel .UserBox+.SideMenu{ margin-top:0; border:1px solid #ccc; background:#fff; padding:10px; border-radius:0 0 10px 10px } .Panel .UserBox+.SideMenu li a{ color:#135d93; } a,a:focus,a:hover{ color:#215cbb; } a{ text-decoration:none; color:#215cbb; } .Header-logo.mobile img{ max-height:35px; padding-right:20px } .Header.mobile{ background-color:#666; } .Message.userContent img{ height:auto; max-width:600px; display:block; } .Header-logo img{ max-height:32px } .mcrow{ display:flex; align-items:flex-end; } a.mclogo{ margin: 10px 0; display:block; height:auto; } .mclogo img{ display:block; } ul.mc-menu{ width:100%; margin:auto 0; display:flex; list-style: none; } ul.mc-menu a{ font-size:16px; font-family:barlow; font-weight:500; color:#135d93; } ul.mc-menu li.menu-item a:hover{ color:#0291db; } ul.mc-menu li{ margin-left:15px } ul.mc-menu li.menu-item.menu-computers{ margin-left:auto; } @media only screen and (max-width:700px){ ul.mc-menu li.menu-item.menu-computers { display:none; } } @media only screen and (max-width:480px){ .menu-computer-parts { display:none; } ul.mc-menu li.menu-diy{ margin-left: 7px; } ul.mc-menu li.menu-custom-pc-builder{ margin-left: 7px; } } @media only screen and (max-width:700px){ .Message.userContent img { max-width:calc(100% - 10px); } }

Knowledge Base ReadyView

ReadyView - Camera Image Black and White and Not in Color

ISSUE

The image is in black and white rather than in color.

CAUSE

In low light conditions, the image may switch to black and white.

SOLUTION

The image will automatically switch to color when there is sufficient lighting.