+++ /dev/null
-/* - 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/. */
-
-/* === BEGIN shared/incontentprefs/preferences.inc.css === */
-
-@namespace html "http://www.w3.org/1999/xhtml";
-
-.main-content {
- padding: 1.5em 0 0; /* That padding needs to match the upper stripe. */
- overflow: auto;
-
- /* This actually results in two black boxes extending to the right and bottom,
- * leaving the LCARS-gray background only in a top stripe and
- * a bit larger area on the top left.
- * The prefpane will overlay that with the rounded shape we want. */
- background-color: #A09090;
- background-position: 3em 1.5em, 0px 5em;
- background-image: linear-gradient(0deg, #000, #000), linear-gradient(0deg, #000, #000);
- background-repeat: no-repeat;
-}
-
-#mainPrefPane {
- padding: 10px 20px 0px;
- border-radius: 1em 0 0 0;
- background-color: #000000;
-
- max-width: 800px;
- font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
- font-size: 1.25rem;
- color: #FF9F00;
-}
-
-* {
- -moz-user-select: text;
-}
-
-button,
-treecol {
- /* override the * rule */
- -moz-user-select: none;
-}
-/*
-#engineList treechildren::-moz-tree-image(engineShown, checked),
-#blocklistsTree treechildren::-moz-tree-image(selectionCol, checked) {
- list-style-image: url("chrome://global/skin/in-content/check.svg#check");
- width: 21px;
- height: 21px;
-}
-
-#engineList treechildren::-moz-tree-image(engineShown, checked, selected),
-#blocklistsTree treechildren::-moz-tree-image(selectionCol, checked, selected) {
- list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted");
-}
-
-#engineList treechildren::-moz-tree-row,
-#blocklistsTree treechildren::-moz-tree-row {
- min-height: 36px;
-}
-*/
-#selectionCol {
- min-width: 26px;
-}
-
-.learnMore {
- margin-inline-start: 10px;
- font-weight: normal;
- white-space: nowrap;
-}
-
-/* Category List */
-
-#categories {
- max-height: 100vh;
-}
-
-#categories > scrollbox {
- overflow-x: hidden !important;
-}
-
-/**
- * We want the last category to always have non-0 getBoundingClientRect().bottom
- * so we can use the value to figure out the max-height of the list in
- * preferences.js, so use collapse instead of display: none; if it's hidden
- */
-#categories > .category[hidden="true"] {
- display: -moz-box;
- visibility: collapse;
-}
-
-#category-general > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#general");
-}
-
-#category-general:hover > .category-icon,
-#category-general[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#general-active");
-}
-
-#category-search > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#search");
-}
-
-#category-search:hover > .category-icon,
-#category-search[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#search-active");
-}
-
-#category-content > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#content");
-}
-
-#category-content:hover > .category-icon,
-#category-content[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#content-active");
-}
-
-#category-application > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#applications");
-}
-
-#category-application:hover > .category-icon,
-#category-application[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#applications-active");
-}
-
-#category-privacy > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#privacy");
-}
-
-#category-privacy:hover > .category-icon,
-#category-privacy[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#privacy-active");
-}
-
-#category-security > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#security");
-}
-
-#category-security:hover > .category-icon,
-#category-security[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#security-active");
-}
-
-#category-sync > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#sync");
-}
-
-#category-sync:hover > .category-icon,
-#category-sync[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#sync-active");
-}
-
-#category-advanced > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#advanced");
-}
-
-#category-advanced:hover > .category-icon,
-#category-advanced[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#advanced-active");
-}
-
-@media (max-width: 800px) {
- .category-name {
- display: none;
- }
- .help-button {
- font-size: 0 !important;
- }
-}
-
-
-/* header */
-
-.header {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.header[hidden=true] {
- display: none;
-}
-
-#header-advanced {
- border-bottom: none;
- padding-bottom: 0;
-}
-
-.indent {
- margin-top: 7px;
- margin-bottom: 7px;
-}
-
-/* General Pane */
-
-#startupTable {
- border-collapse: collapse;
-}
-
-#startupTable > tr > td {
- padding: 0; /* remove the padding from html.css */
-}
-
-#startupTable > tr:not(:first-child) > td {
- padding-top: 0.5em; /* add a spacing between the rows */
-}
-
-#startupTable > tr > .label-cell {
- text-align: end;
- width: 0; /* make the column as small as possible */
-}
-
-#startupTable > tr > .label-cell > label {
- white-space: nowrap;
-}
-
-#startupTable > tr > .content-cell > menulist,
-#startupTable > tr > .content-cell > textbox {
- width: calc(100% - 8px);
- margin-left: 4px;
- margin-right: 4px;
-}
-
-#startupTable > tr > .homepage-buttons {
- display: flex;
- flex-wrap: wrap;
-}
-
-#startupTable > tr > .homepage-buttons > .content-cell-item {
- flex-grow: 1;
-}
-
-#useFirefoxSync {
- font-size: 90%;
- margin-inline-end: 8px !important;
-}
-
-#getStarted {
- font-size: 90%;
-}
-
-#isNotDefaultLabel {
- font-weight: bold;
-}
-
-#browserHomePage:-moz-locale-dir(rtl) input {
- unicode-bidi: plaintext;
- direction: rtl;
-}
-
-/* Content pane */
-#defaultFontSizeLabel {
- /* !important needed to override common !important rule */
- margin-inline-start: 4px !important;
-}
-
-/* Applications Pane Styles */
-
-#applicationsContent {
- padding: 15px 0;
-}
-
-#filter {
- margin-inline-start: 0;
-}
-
-#handlersView {
- height: 25em;
-}
-
-#handlersView > richlistitem {
- min-height: 36px !important;
-}
-
-.typeIcon {
- margin-inline-start: 10px !important;
- margin-inline-end: 9px !important;
-}
-
-.actionIcon {
- margin-inline-start: 11px !important;
- margin-inline-end: 8px !important;
-}
-
-.actionsMenu {
- min-height: 36px;
-}
-
-.actionsMenu > menupopup > menuitem {
- padding-inline-start: 10px !important;
-}
-
-.actionsMenu > menupopup > menuitem > .menu-iconic-left {
- margin-inline-end: 8px !important;
-}
-
-/* Privacy pane */
-
-.doNotTrackLearnMore {
- margin-inline-start: calc(1em + 30px);
- margin-bottom: 1em;
- font-weight: normal;
-}
-
-.doNotTrackLearnMore > label {
- font-size: 1em !important;
- margin-left: 0;
-}
-
-/* Collapse the non-active vboxes in decks to use only the height the
- active vbox needs */
-#historyPane:not([selectedIndex="1"]) > #historyDontRememberPane,
-#historyPane:not([selectedIndex="2"]) > #historyCustomPane,
-#weavePrefsDeck:not([selectedIndex="1"]) > #hasFxaAccount,
-#fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified,
-#fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected {
- visibility: collapse;
-}
-
-/* XXX This style is for bug 740213 and should be removed once that
- bug has a solution. */
-description > html|a {
- cursor: pointer;
-}
-
-#noFxaAccount {
- padding-top: 15px;
-}
-
-#weavePrefsDeck > vbox > label,
-#weavePrefsDeck > vbox > groupbox,
-#weavePrefsDeck > vbox > description,
-#weavePrefsDeck > vbox > #pairDevice > label,
-#weavePrefsDeck > #needsUpdate > hbox > #loginError,
-#weavePrefsDeck > #hasFxaAccount > vbox > label,
-#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label {
- /* no margin-inline-start for elements at the begin of a line */
- margin-inline-start: 0;
-}
-
-#advancedPrefs {
- padding-bottom: 0; /* no padding needed in inContent prefs */
-}
-
-#tabsElement {
-/* margin-inline-end: 4px; / add the 4px end-margin of other elements */
-}
-
-.indent {
- /* !important needed to override margin-inline-start:0 !important; rule
- define in common.css for labels - but not in LCARStrek*/
- margin-inline-start: 33px /*!important*/;
-}
-
-.text-link {
- margin-bottom: 0;
-}
-
-#showUpdateHistory {
- margin-inline-start: 0;
-}
-
-#fxaProfileImage {
- -moz-user-focus: normal;
-}
-
-/**
- * Dialog
- */
-
-#dialogOverlay {
- background-color: rgba(0,0,0,0.75);
- visibility: hidden;
-}
-
-#dialogBox {
- background-color: #000000;
- background-clip: content-box;
- color: #FF9F00;
- /* font-size: 14px; */
- border: 1px solid #9C9CFF;
- border-radius: 10px;
- display: -moz-box;
- margin: 0;
- padding-right: 6px;
- padding-left: 6px;
-}
-
-#dialogBox[resizable="true"] {
- resize: both;
- overflow: hidden;
- min-height: 20em;
- min-width: 66ch;
-}
-
-#dialogBox > .groupbox-title {
- margin-inline-start: 0;
- margin-inline-end: 0;
-/* padding: 3.5px 0;
- background-color: #F1F1F1; */
-}
-
-#dialogTitle {
- text-align: center;
- -moz-user-select: none;
-}
-
-.close-icon {
- background-color: transparent !important;
- border: none;
- box-shadow: none;
- padding: 0;
- height: auto;
- min-height: 16px;
- min-width: 0;
-}
-
-#dialogBox > .groupbox-title > caption {
- margin: 0;
- border-radius: 1000px;
- background-color: #A09090;
-}
-
-#dialogBox > .groupbox-body {
- -moz-appearance: none;
- padding: 0;
-}
-
-#dialogFrame {
- -moz-box-flex: 1;
- /* Default dialog dimensions */
- width: 66ch;
-}
-
-.largeDialogContainer.doScroll {
- overflow-y: auto;
- -moz-box-flex: 1;
-}
-
-/**
- * End Dialog
- */
-
-/**
- * Font dialog menulist fixes
- */
-
-#defaultFontType,
-#serif,
-#sans-serif,
-#monospace {
- min-width: 30ch;
-}
-
-/**
- * Sync
- */
-
-#fxaProfileImage {
- max-width: 60px;
- border-radius: 50%;
- list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
- margin-inline-end: 15px;
- image-rendering: -moz-crisp-edges;
-}
-
-#fxaLoginStatus[hasName] #fxaProfileImage {
- max-width: 80px;
-}
-
-#fxaProfileImage.actionable {
- cursor: pointer;
-}
-
-#fxaProfileImage.actionable:hover {
- box-shadow: 0px 0px 0px 1px #FFCF00;
-}
-
-#fxaProfileImage.actionable:hover:active {
- box-shadow: 0px 0px 0px 1px #FF9F00;
-}
-
-#noFxaAccount {
- /* Overriding the margins from the base preferences.css theme file.
- These overrides can be simplified by fixing bug 1027174 */
- margin: 0;
- padding-top: 15px;
-}
-
-#fxaContentWrapper {
- -moz-box-flex: 1;
-}
-
-#noFxaGroup {
- -moz-box-flex: 1;
- margin: 0;
-}
-
-#fxaContentWrapper {
- padding-right: 15px;
-}
-
-#noFxaGroup > vbox,
-#fxaGroup {
- -moz-box-align: start;
-}
-
-#fxaSyncEngines > vbox:first-child {
- margin-right: 80px;
-}
-
-#fxaSyncComputerName {
- margin-inline-start: 0px;
- -moz-box-flex: 1;
-}
-
-#tosPP-small-ToS {
- margin-bottom: 1em;
-}
-
-#fxaLoginRejectedWarning {
- list-style-image: url("chrome://browser/skin/warning.svg");
- margin: 4px 8px 0px 0px;
-}
-
-#noFxaCaption {
- font-weight: bold;
- margin-bottom: 11px;
-}
-
-#verifiedManage:visited {
- color: var(--in-content-link-color);
-}
-
-.fxaSyncIllustration {
- margin-top: 35px;
- width: 231px;
- -moz-context-properties: fill;
- fill: #9C9CFF;
-}
-
-#syncOptions caption {
- margin-bottom: 11px;
-}
-
-#fxaSyncComputerName {
- margin-left: 0px;
-}
-
-#noFxaDescription {
- margin-bottom: 20px !important;
-}
-
-.separator {
- border-bottom: 1px solid var(--in-content-header-border-color);
-}
-
-.fxaAccountBox {
- border: 1px solid #A09090;
- border-radius: 5px;
- padding: 14px 20px 14px 14px;
-}
-
-#signedOutAccountBoxTitle {
- font-weight: bold;
-}
-
-.fxaAccountBoxButtons {
- margin-bottom: 0 !important;
- margin-top: 11px;
- display: flex;
- align-items: center;
-}
-
-.fxaAccountBoxButtons > * {
- -moz-box-flex: 1;
-}
-
-.fxaAccountBoxButtons > button {
- text-align: center;
- padding-left: 11px;
- padding-right: 11px;
- margin: 0;
- min-width: 0;
-}
-
-.fxaAccountBoxButtons > button:first-child {
- margin-inline-end: 14px !important;
-}
-
-#fxaLoginStatus[hasName] #fxaEmailAddress1 {
- font-size: 1.1rem;
-}
-
-#fxaEmailAddress1,
-#fxaEmailAddress2,
-#fxaEmailAddress3 {
- word-break: break-all;
-}
-
-.fxaFirefoxLogo {
- list-style-image: url(chrome://browser/skin/fxa/logo.png);
- max-width: 64px;
- margin-inline-end: 14px;
-}
-
-.fxaMobilePromo {
- margin-bottom: 20px;
- margin-top: 25px;
-}
-
-#fxaLoginRejectedWarning {
- list-style-image: url(chrome://browser/skin/warning.svg);
- filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));
- margin: 4px 8px 0px 0px;
-}
-
-#syncOptions {
- margin-bottom: 27.5px;
-}
-
-.androidLink {
- background-image: url("chrome://browser/skin/fxa/android.png");
-}
-
-.iOSLink {
- background-image: url("chrome://browser/skin/fxa/ios.png");
-}
-
-.androidLink,
-.iOSLink {
- margin: 0 0 0 2px;
- padding-left: 28px;
- padding-top: 6px;
- height: 28px;
- background-repeat: no-repeat;
- background-size: 24px 28px;
-}
-
-#tosPP-small {
- margin-top: 20px;
- margin-bottom: 20px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .androidLink {
- background-image: url("chrome://browser/skin/fxa/android@2x.png");
- }
- .iOSLink {
- background-image: url("chrome://browser/skin/fxa/ios@2x.png");
- }
- .fxaFirefoxLogo {
- list-style-image: url(chrome://browser/skin/fxa/logo@2x.png);
- }
-}
-
-#updateDeck > hbox > label {
- margin-inline-end: 5px ! important;
-}
-
-.update-throbber {
- width: 16px;
- min-height: 16px;
- margin-inline-end: 3px;
- list-style-image: url("chrome://global/skin/icons/loading.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- .update-throbber {
- list-style-image: url("chrome://global/skin/icons/loading@2x.png");
- }
-}
-
-.help-button {
- position: fixed;
- left: 3px;
- /* Needs to have enough gap from the bottom to not
- get behind the status panel (bug 1357841). */
- bottom: 2rem;
- font-size: 13px;
- line-height: 13px;
- height: 14px;
- background-position: 5px;
- padding-inline-start: 25px;
- white-space: nowrap;
- background-color: var(--in-content-category-background);
- width: auto;
- padding-inline-end: 10px;
- border: 3px solid black;
- border-radius: 0 300px 300px 0;
-}
-
-.help-button:-moz-locale-dir(rtl) {
- left: auto;
- right: 0;
- background-position: right 15px top 0;
-}
-
-.help-button:link,
-.help-button:visited {
- color: var(--in-content-category-text);
- text-decoration: none;
-}
-
-.help-button:hover {
- background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-inverted");
- color: var(--in-content-category-text-selected);
- background-color: var(--in-content-category-background-hover);
- border-color: var(--in-content-category-background-hover);
-}
-
-/* === END shared/incontentprefs/preferences.inc.css === */
-
-caption {
-}
-
-.indent-small {
- margin-inline-start: 10px;
-}
-
-@media (min-resolution: 2dppx) {
- checkbox:hover::before,
- checkbox[checked]::before {
- }
-
- checkbox[checked]::before {
- }
-}