/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ html, body { margin: 0; padding: 0; height: 100%; --moz-vertical-spacing: 10px; --moz-background-height: 32px; } body { background-size: 64px var(--moz-background-height); background-repeat: repeat-x; background-color: #f9f9fb; color: #15141A; padding: 0 40px; font-size: 14px; -moz-text-size-adjust: none; font-family: sharp-sans; } ul { /* Shove the list indicator so that its left aligned, but use outside so that text * doesn't don't wrap the text around it */ padding: 0 1em; margin: 0; list-style-type: disc; } #errorShortDesc, li:not(:last-of-type) { /* Margins between the li and buttons below it won't be collapsed. Remove the bottom margin here. */ margin: var(--moz-vertical-spacing) 0; } li > button { /* Removing the normal padding on the li so this stretched edge to edge. */ margin-left: -1em; margin-right: -1em; width: calc(100% + 2em); } /* Push the #ignoreWarningButton to the bottom on the blocked site page */ #errorLongContent { flex: 1; } h1 { margin: 0; padding: 0; margin: var(--moz-vertical-spacing) 0; color: #312a65; font-family: sharp-sans; font-weight: bold; font-size: 20px; line-height: 24px; } p { line-height: 20px; margin: var(--moz-vertical-spacing) 0; } button { /* Force buttons to display: block here to try and enforce collapsing margins */ display: block; flex: 0; height: 36px; width: 100%; border-radius: 5px; border-color: #312a65; font-family: sharp-sans; background-color: #312a65; color: #FFFFFF; line-height:16px; font-size: 14px; font-weight: bold; text-aligned:center; vertical-aligned:center; background-image: none; margin-bottom: 20px; } button.inProgress { background-image: linear-gradient(-45deg, #dfe8ee, #dfe8ee 33%, #ecf0f3 33%, #ecf0f3 66%, #dfe8ee 66%, #dfe8ee); background-size: 37px 5px; background-repeat: repeat-x; animation: progress 6s linear infinite; } @keyframes progress { from { background-position: 0 100%; } to { background-position: 100% 100%; } } .certerror { background-image: linear-gradient(-45deg, #f0d000, #f0d000 33%, #fedc00 33%, #fedc00 66%, #f0d000 66%, #f0d000); } .blockedsite { background-image: linear-gradient(-45deg, #9b2e2e, #9b2e2e 33%, #a83232 33%, #a83232 66%, #9b2e2e 66%, #9b2e2e); background-color: #b14646; color: white; } #errorPageContainer { /* If the page is greater than 550px center the content. * This number should be kept in sync with the media query for tablets below */ max-width: 550px; margin: 0 auto; min-height: 100%; display: flex; flex-direction: column; } /* Expanders have a structure of *
Content
*