ipprotection-content.css (1216B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */ 4 5 @import "chrome://global/skin/global.css"; 6 7 hr { 8 border-style: solid none none none; 9 border-color: var(--panel-separator-color); 10 margin: var(--panel-separator-margin); 11 } 12 13 #ipprotection-content-wrapper { 14 display: flex; 15 flex-direction: column; 16 padding-inline: var(--panel-subview-body-padding-inline); 17 padding-block: var(--panel-subview-body-padding-block); 18 } 19 20 .vpn-top-content { 21 margin-inline: var(--space-large); 22 margin-block-start: var(--space-small); 23 } 24 25 .vpn-bottom-content { 26 display: flex; 27 flex-direction: column; 28 padding: var(--space-small) var(--space-large); 29 } 30 31 .vpn-subtitle { 32 margin: 0; 33 } 34 35 .vpn-button { 36 align-self: end; 37 } 38 39 #signed-out-vpn-title { 40 margin-bottom: 0; 41 } 42 43 #signed-out-vpn-content { 44 display: flex; 45 flex-direction: column; 46 padding: var(--space-medium) var(--space-large) var(--space-small); 47 } 48 49 @media (prefers-color-scheme: dark) { 50 #signed-out-vpn-img { 51 content: url("chrome://browser/content/ipprotection/assets/ipprotection-darkmode.svg"); 52 } 53 }