@import "/themes/fsecure/design/coveo/CoveoFullSearch.min.css"; @import "/themes/fsecure/design/headerfooter.css"; header .container, .top-header {display:flex; width: 100%;padding: 0;flex-direction: row;justify-content: space-between;} a#searchboxtoggle[data-toggle="collapse"] #displaysearch:before {content: "\f220";font-family: fsg-icon;font-size: 26px;color: #red;font-style:normal} a#searchboxtoggle[data-toggle="expand"] #displaysearch:before {content: "\f130";font-family: fsg-icon;font-size: 26px;color: #fff;font-style:normal} .header-searchbox {position: absolute;margin: 0;z-index: 30;width: 0;overflow: hidden;right: 30px;height: 53px; transition: .6s ease-in-out;} .subscribe-newsletter {background-color: unset;border: 1px solid white;padding: 12px;color: white;font-size: 18px;font-family: 'FSSansWeb';border-radius: 3px;font-weight: 700;margin: 20px 0 0 0;} .subscribe-newsletter:hover {cursor:pointer;background-color:#ebebeb;border-color:#ebebeb;color:#212121;} .newsletter-modal {visibility:hidden;position:fixed; z-index: 1001;padding-top: 60px;left: 0;top: 0;} .newsletter-modal .newsletter-container {position: fixed; margin: auto;left: 50%;top:-50%;background: white;padding:10px;z-index: 200;transform: translate(-50%, -50%);min-height: 400px; color:black;display:flex;flex-direction:column;transition:.3s ease-in-out} .newsletter-modal .newsletter-container .close {align-self:flex-end} .newsletter-modal .newsletter-container .close::before {content: "\f133";font-family: fsg-icon-thin !important;line-height: 1;font-size: 38px;color: #cecece;} .newsletter-modal .newsletter-container .close:hover::before {cursor:pointer;color:black} .newsletter-modal.display {visibility:visible;background-color: rgba(0,0,0,0.4);width:100%; height:100%;} .newsletter-modal.display .newsletter-container {top:35%} .restricted.display {display:block} @media screen and (max-width: 370px){ .header-searchbox.expand {width: 250px;} } @media screen and (min-width:371px) and (max-width: 700px){ .header-searchbox.expand {width: 330px;} } @media screen and (min-width:701px) and (max-width: 991px){ .header-searchbox.expand {width: 450px;} } @media screen and (max-width: 991px){ .header-coveosearch { margin:auto;width: 60px;position: absolute;right: 0;height: 64px;} .header-searchbox {width: 0;overflow:hidden} .header-searchcontainer {position:absolute;margin:auto;top: 0;width: 60px;height: 62px;text-align: center;} .header-searchcontainer {padding-top: 12px;} .fsHome .header-searchcontainer {padding-top: 18px;} .header-searchbox {position: absolute;margin: 0;z-index: 30;width: 0;overflow: hidden;right: 60px;top:0;height: 63px;} .bottom-header.display {width:100%} .searchPage .Hamburger {right:9px!important;left:unset!important} .searchPage .Hamburger-border {right:0!important;} .visible-sm .fs_cybersecurity_svg {display: flex;align-items: center; justify-content: center;} .fs_cybersecurity_svg {margin-bottom:20px} .social-icons-wrap {display:flex;justify-content:center; margin-bottom:20px} .Footer .col.linkscolumn {display:flex;flex-direction:column} .Footer .row.footer-links-wrap .col.footer-links:nth-of-type(3) {border-bottom:1px solid #c4c4c4;margin-bottom:10px} .social-icons-wrap {display:flex;justify-content:center; margin-bottom:20px} .subscribe-newsletter {width: 30%;margin: 20px auto;} .newsletter-modal .newsletter-container {min-width:300px; max-width: 800px;} .newsletter-modal .newsletter-container {text-align: center;} .newsletter-modal .newsletter-container iframe {height:500px;border:none} } @media screen and (min-width: 992px){ .header-top-links, .bottom-header {display:flex!important} .top-header {height:60px} .Header-logo {padding-top:0} header .row:nth-child(1) {position:absolute; top:0;height:52px} header .row:nth-child(2), .bottom-header {height:52px} .header-top-links {margin-left:auto} .fsHome .header-coveosearch {margin-top:12px;width: 10px;} .header-coveosearch {margin-top:8px;width: 10px;margin-right:10px} .header-searchcontainer {display: flex;height: auto;float: unset;margin: auto;} .fsHome .header-searchbox {top: -13px;} .header-searchbox {top: -9px;} .header-searchbox.expand {width: 500px;min-height:500px} .searchboxtoggle:hover {cursor:pointer} .searchboxtoggle:hover #displaysearch:before, .header-searchcontainer.expand .searchboxtoggle:hover #displaysearch:before {color: #c6ceff} .displaydropdown {line-height:25px} .helpforums-dropdown, .supportarticles-dropdown {display:block!important} .helpforums-dropdown a {width: fit-content} .helpforums-dropdown:hover, .supportarticles-dropdown:hover {cursor: default;} .helpforums-dropdown a:hover, .supportarticles-dropdown .second-level li:hover, .supportarticles-dropdown a:hover {cursor: pointer;} li.second-level {padding:0;margin:15px} li.englishforum > a, li.finnishforum > a {padding:0;margin:25px 0 0 25px} .helpforums-dropdown.active::after, .supportarticles-dropdown.active::after, .dropdowns > li:hover::after {top: -1px;} .helpforums-dropdown .displaydropdown::before, .supportarticles-dropdown .displaydropdown::before {margin-top: 2px;} #helpForums, #supportArticles {margin: -16px 0 0 -25px;} #helpForums.display, #supportArticles.display {font-size: 14px;} .helpforums-dropdown:hover, .supportarticles-dropdown:hover, .helpforums-dropdown:hover a.displaydropdown, .supportarticles-dropdown:hover a.displaydropdown {cursor:default} .header-right {margin-top:5px} .signin-icon::before {margin: 2px 0 0 -20px;} #loginLink, #registerLink {display:inline-block!important} .Footer .col.linkscolumn .col.footer-links {width: 31%;} .fs_cybersecurity_svg {max-width:60px;width:100%} .searchPage ul.dropdowns {align-self: unset!important; margin: -1px 0 0 -15px;} .searchPage .header-top-links {margin:0 0 0 auto} .searchPage .header-coveosearch {width:0;margin:0} .Footer .col.brandcolumn .social-icons-wrap {display:flex;} .newsletter-modal .newsletter-container {min-width:900px; max-width: 1300px;} .newsletter-modal .newsletter-container iframe {height:300px;border:none} } @media screen and (min-width: 992px) and (orientation:landscape) { .top-header {width:98%;} }

Community

Help Forums
- English Forum
  - General
  - Products
- Finnish Forum (Tukifoorumi)
  - Tuotteet Kotiin
Support Articles

Support

ULAV Update 2016-11-04_01

martink

martink Posts: 412 Adventurer

November 2016 in Home Security Beta Programs

This is how it looks. The not connected is the one one the right

This discussion has been closed.

Categories

@import "/themes/fsecure/design/coveo/CoveoFullSearch.min.css"; @import "/themes/fsecure/design/headerfooter.css"; header .container, .top-header {display:flex; width: 100%;padding: 0;flex-direction: row;justify-content: space-between;} a#searchboxtoggle[data-toggle="collapse"] #displaysearch:before {content: "\f220";font-family: fsg-icon;font-size: 26px;color: #red;font-style:normal} a#searchboxtoggle[data-toggle="expand"] #displaysearch:before {content: "\f130";font-family: fsg-icon;font-size: 26px;color: #fff;font-style:normal} .header-searchbox {position: absolute;margin: 0;z-index: 30;width: 0;overflow: hidden;right: 30px;height: 53px; transition: .6s ease-in-out;} .subscribe-newsletter {background-color: unset;border: 1px solid white;padding: 12px;color: white;font-size: 18px;font-family: 'FSSansWeb';border-radius: 3px;font-weight: 700;margin: 20px 0 0 0;} .subscribe-newsletter:hover {cursor:pointer;background-color:#ebebeb;border-color:#ebebeb;color:#212121;} .newsletter-modal {visibility:hidden;position:fixed; z-index: 1001;padding-top: 60px;left: 0;top: 0;} .newsletter-modal .newsletter-container {position: fixed; margin: auto;left: 50%;top:-50%;background: white;padding:10px;z-index: 200;transform: translate(-50%, -50%);min-height: 400px; color:black;display:flex;flex-direction:column;transition:.3s ease-in-out} .newsletter-modal .newsletter-container .close {align-self:flex-end} .newsletter-modal .newsletter-container .close::before {content: "\f133";font-family: fsg-icon-thin !important;line-height: 1;font-size: 38px;color: #cecece;} .newsletter-modal .newsletter-container .close:hover::before {cursor:pointer;color:black} .newsletter-modal.display {visibility:visible;background-color: rgba(0,0,0,0.4);width:100%; height:100%;} .newsletter-modal.display .newsletter-container {top:35%} .restricted.display {display:block} @media screen and (max-width: 370px){ .header-searchbox.expand {width: 250px;} } @media screen and (min-width:371px) and (max-width: 700px){ .header-searchbox.expand {width: 330px;} } @media screen and (min-width:701px) and (max-width: 991px){ .header-searchbox.expand {width: 450px;} } @media screen and (max-width: 991px){ .header-coveosearch { margin:auto;width: 60px;position: absolute;right: 0;height: 64px;} .header-searchbox {width: 0;overflow:hidden} .header-searchcontainer {position:absolute;margin:auto;top: 0;width: 60px;height: 62px;text-align: center;} .header-searchcontainer {padding-top: 12px;} .fsHome .header-searchcontainer {padding-top: 18px;} .header-searchbox {position: absolute;margin: 0;z-index: 30;width: 0;overflow: hidden;right: 60px;top:0;height: 63px;} .bottom-header.display {width:100%} .searchPage .Hamburger {right:9px!important;left:unset!important} .searchPage .Hamburger-border {right:0!important;} .visible-sm .fs_cybersecurity_svg {display: flex;align-items: center; justify-content: center;} .fs_cybersecurity_svg {margin-bottom:20px} .social-icons-wrap {display:flex;justify-content:center; margin-bottom:20px} .Footer .col.linkscolumn {display:flex;flex-direction:column} .Footer .row.footer-links-wrap .col.footer-links:nth-of-type(3) {border-bottom:1px solid #c4c4c4;margin-bottom:10px} .social-icons-wrap {display:flex;justify-content:center; margin-bottom:20px} .subscribe-newsletter {width: 30%;margin: 20px auto;} .newsletter-modal .newsletter-container {min-width:300px; max-width: 800px;} .newsletter-modal .newsletter-container {text-align: center;} .newsletter-modal .newsletter-container iframe {height:500px;border:none} } @media screen and (min-width: 992px){ .header-top-links, .bottom-header {display:flex!important} .top-header {height:60px} .Header-logo {padding-top:0} header .row:nth-child(1) {position:absolute; top:0;height:52px} header .row:nth-child(2), .bottom-header {height:52px} .header-top-links {margin-left:auto} .fsHome .header-coveosearch {margin-top:12px;width: 10px;} .header-coveosearch {margin-top:8px;width: 10px;margin-right:10px} .header-searchcontainer {display: flex;height: auto;float: unset;margin: auto;} .fsHome .header-searchbox {top: -13px;} .header-searchbox {top: -9px;} .header-searchbox.expand {width: 500px;min-height:500px} .searchboxtoggle:hover {cursor:pointer} .searchboxtoggle:hover #displaysearch:before, .header-searchcontainer.expand .searchboxtoggle:hover #displaysearch:before {color: #c6ceff} .displaydropdown {line-height:25px} .helpforums-dropdown, .supportarticles-dropdown {display:block!important} .helpforums-dropdown a {width: fit-content} .helpforums-dropdown:hover, .supportarticles-dropdown:hover {cursor: default;} .helpforums-dropdown a:hover, .supportarticles-dropdown .second-level li:hover, .supportarticles-dropdown a:hover {cursor: pointer;} li.second-level {padding:0;margin:15px} li.englishforum > a, li.finnishforum > a {padding:0;margin:25px 0 0 25px} .helpforums-dropdown.active::after, .supportarticles-dropdown.active::after, .dropdowns > li:hover::after {top: -1px;} .helpforums-dropdown .displaydropdown::before, .supportarticles-dropdown .displaydropdown::before {margin-top: 2px;} #helpForums, #supportArticles {margin: -16px 0 0 -25px;} #helpForums.display, #supportArticles.display {font-size: 14px;} .helpforums-dropdown:hover, .supportarticles-dropdown:hover, .helpforums-dropdown:hover a.displaydropdown, .supportarticles-dropdown:hover a.displaydropdown {cursor:default} .header-right {margin-top:5px} .signin-icon::before {margin: 2px 0 0 -20px;} #loginLink, #registerLink {display:inline-block!important} .Footer .col.linkscolumn .col.footer-links {width: 31%;} .fs_cybersecurity_svg {max-width:60px;width:100%} .searchPage ul.dropdowns {align-self: unset!important; margin: -1px 0 0 -15px;} .searchPage .header-top-links {margin:0 0 0 auto} .searchPage .header-coveosearch {width:0;margin:0} .Footer .col.brandcolumn .social-icons-wrap {display:flex;} .newsletter-modal .newsletter-container {min-width:900px; max-width: 1300px;} .newsletter-modal .newsletter-container iframe {height:300px;border:none} } @media screen and (min-width: 992px) and (orientation:landscape) { .top-header {width:98%;} }