LCARStrek/browser/controlcenter/panel.css

   1 #identity-popup-securityView:not(.verifiedIdentity) > #identity-popup-content-owner,
   2 #identity-popup-securityView:not(.verifiedIdentity):not(.verifiedDomain) > #identity-popup-content-verifier,
   3 #identity-popup-securityView:not(.unknownIdentity):not(.verifiedIdentity):not(.mixedContent) > #identity-popup-content-supplemental,
   4 #identity-popup-security-content:not(.verifiedIdentity):not(.verifiedDomain) > .identity-popup-connection-secure,
   5 #identity-popup-securityView:not(.verifiedIdentity):not(.verifiedDomain) > #identity-popup-securityView-header > .identity-popup-connection-secure,
   6 #identity-popup-securityView:not(.unknownIdentity) > #identity-popup-securityView-header > .identity-popup-connection-not-secure,
   7 #identity-popup-securityView:not(.chromeUI) > #identity-popup-securityView-header > .identity-popup-connection-internal,
   8 #identity-popup-security-content:not(.unknownIdentity) > .identity-popup-connection-not-secure,
   9 #identity-popup-securityView:not(.verifiedIdentity) > #identity-popup-securityView-connection,
  10 #identity-popup-security-content:not(.chromeUI) > .identity-popup-connection-internal,
  11 #identity-popup-security-content.chromeUI + .identity-popup-expander {
  12   display: none;
  13 }
  14
  15 /* PANEL */
  16
  17 #identity-popup,
  18 .panel-viewstack[viewtype="main"]:not([transitioning]) > .panel-mainview[panelid=identity-popup] > #identity-popup-mainView {
  19   /* Tiny hack to ensure the panel shrinks back to its original
  20      size after closing a subview that is bigger than the main view. */
  21   max-height: 0;
  22 }
  23
  24 #identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
  25   padding: 0;
  26 }
  27
  28 .panel-mainview[panelid=identity-popup] {
  29   min-width: 30em;
  30 }
  31
  32 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews {
  33   transform: translateX(100%);
  34   box-shadow: none;
  35 }
  36
  37 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
  38   transform: translateX(-100%);
  39 }
  40
  41 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
  42   background: var(--panel-arrowcontent-background);
  43   border-bottom-right-radius: 3.5px;
  44   padding: 0;
  45 }
  46
  47 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews:-moz-locale-dir(rtl) {
  48   border-bottom-right-radius: 0;
  49   border-bottom-left-radius: 3.5px;
  50 }
  51
  52 .identity-popup-section:not(:first-child) {
  53   border-top: 1px solid #A09090;
  54 }
  55
  56 #identity-popup-securityView,
  57 #identity-popup-security-content,
  58 #identity-popup-permissions-content,
  59 #tracking-protection-content {
  60   padding: 0.75em 0 1em;
  61   -moz-padding-start: calc(2em + 24px);
  62   -moz-padding-end: 1em;
  63   background-repeat: no-repeat;
  64   background-position: 1em 1em;
  65   background-size: 24px auto;
  66 }
  67
  68 #identity-popup-securityView:-moz-locale-dir(rtl),
  69 #identity-popup-security-content:-moz-locale-dir(rtl),
  70 #identity-popup-permissions-content:-moz-locale-dir(rtl),
  71 #tracking-protection-content:-moz-locale-dir(rtl) {
  72   background-position: calc(100% - 1em) 1em;
  73 }
  74
  75 /* IN-CONTENT-PREF STYLE BUTTONS */
  76 /*
  77 .identity-popup-button {
  78   -moz-appearance: none;
  79   margin: 5px 0;
  80   height: 30px;
  81   color: #333;
  82   line-height: 20px;
  83   border: 1px solid #c1c1c1;
  84   border-radius: 2px;
  85   background-color: #fbfbfb;
  86 }
  87
  88 .identity-popup-button:not([disabled="true"]):hover {
  89   background-color: #ebebeb;
  90 }
  91
  92 .identity-popup-button:not([disabled="true"]):hover:active {
  93   background-color: #dadada;
  94 }
  95
  96 .identity-popup-button[disabled="true"] {
  97   cursor: not-allowed;
  98   opacity: 0.5;
  99 }
 100 */
 101 /* EXPAND BUTTON */
 102
 103 .identity-popup-expander {
 104   margin: 0;
 105   min-width: auto;
 106   width: 38px;
 107   background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow");
 108   background-size: 16px, auto;
 109   background-position: center;
 110   background-repeat: no-repeat;
 111   background-color: transparent;
 112   border-radius: 0 5px 5px 0;
 113 }
 114
 115 .identity-popup-expander:-moz-locale-dir(rtl) {
 116   transform: scaleX(-1);
 117 }
 118
 119 .identity-popup-expander[panel-multiview-anchor] {
 120   transition: background-color 250ms ease-in;
 121   background-color: #008484;
 122   background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
 123 }
 124
 125 @media (min-resolution: 1.1dppx) {
 126   .identity-popup-expander[panel-multiview-anchor] {
 127     background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png");
 128   }
 129 }
 130
 131 .identity-popup-expander > .button-box,
 132 .identity-popup-expander > .button-box:focus {
 133   padding: 4px 0;
 134   border-radius: 0 5px 5px 0;
 135 }
 136
 137 .identity-popup-expander[panel-multiview-anchor] > .button-box,
 138 .identity-popup-expander[panel-multiview-anchor] > .button-box:focus {
 139 }
 140
 141 .identity-popup-expander:hover {
 142   background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active");
 143   background-color: #FFCF00;
 144 }
 145
 146 .identity-popup-expander:hover:active {
 147   background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active");
 148   background-color: #FF9F00;
 149 }
 150
 151 /* CONTENT */
 152
 153 .identity-popup-text {
 154   white-space: pre-wrap;
 155   font-size: 110%;
 156   margin: 0;
 157 }
 158
 159 .identity-popup-headline {
 160   margin: 2px 0 4px;
 161   font-size: 150%;
 162 }
 163
 164 /* SECURITY */
 165
 166 #identity-popup-securityView > .identity-popup-text:not(#identity-popup-content-owner) {
 167   margin: 2px 0 4px;
 168 }
 169
 170 .identity-popup-connection-secure {
 171   color: #008484;
 172 }
 173
 174 .identity-popup-connection-not-secure {
 175   color: #9C9CFF;
 176 }
 177
 178 #identity-popup-security-content.chromeUI {
 179   background-image: url(chrome://branding/content/icon48.png);
 180 }
 181
 182 /* SECURITY SUBVIEW */
 183
 184 #identity-popup-securityView {
 185   padding-bottom: 2em;
 186   overflow: hidden;
 187 }
 188
 189 #identity-popup-securityView,
 190 #identity-popup-security-content {
 191   background-image: url(chrome://browser/skin/controlcenter/conn-not-secure.svg);
 192 }
 193
 194 #identity-popup-securityView.verifiedDomain,
 195 #identity-popup-security-content.verifiedDomain {
 196   background-image: url(chrome://browser/skin/controlcenter/conn-secure-dv.svg);
 197 }
 198
 199 #identity-popup-securityView.verifiedIdentity,
 200 #identity-popup-security-content.verifiedIdentity {
 201   background-image: url(chrome://browser/skin/controlcenter/conn-secure-ev.svg);
 202 }
 203
 204 #identity-popup-securityView.mixedActiveContent,
 205 #identity-popup-security-content.mixedActiveContent {
 206   background-image: url(chrome://browser/skin/controlcenter/mcb-disabled.svg);
 207 }
 208
 209 #identity-popup-securityView-header {
 210   border-bottom: 1px solid #A09090;
 211   padding-bottom: 1em;
 212   margin-bottom: 1em;
 213 }
 214
 215 #identity-popup-content-owner {
 216   font-weight: 700;
 217 }
 218
 219 #identity-popup-content-verifier {
 220   color: #A09090;
 221 }
 222
 223 #identity-popup-content-owner,
 224 #identity-popup-securityView > #identity-popup-securityView-connection.identity-popup-text {
 225   margin-top: 1em;
 226 }
 227
 228 /* TRACKING PROTECTION */
 229
 230 #tracking-protection-content {
 231   background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg");
 232 }
 233
 234 #tracking-protection-content[block-disabled]  {
 235   background-image: url("chrome://browser/skin/controlcenter/tracking-protection-disabled.svg");
 236 }
 237
 238 #tracking-action-block,
 239 #tracking-action-unblock {
 240   margin: 1em 0 0;
 241 }
 242
 243 #tracking-protection-content[block-active] > #tracking-not-detected,
 244 #tracking-protection-content[block-disabled] > #tracking-not-detected,
 245 #tracking-protection-content:not([block-active]) > #tracking-blocked,
 246 #tracking-protection-content:not([block-active]) #tracking-action-unblock,
 247 #tracking-protection-content:not([block-disabled]) > #tracking-loaded,
 248 #tracking-protection-content:not([block-disabled]) #tracking-action-block,
 249 #tracking-protection-content:not([block-active]):not([block-disabled]) > #tracking-actions {
 250   display: none;
 251 }
 252
 253 /* PERMISSIONS */
 254
 255 #identity-popup-permissions-content {
 256   background-image: url(chrome://browser/skin/controlcenter/permissions.svg);
 257 }
 258
 259 #identity-popup-permission-list {
 260   margin-top: 5px;
 261 }
 262
 263 .identity-popup-permission-label {
 264   -moz-margin-start: 0;
 265 }
 266
 267 /* FOOTER BUTTONS */
 268
 269 #identity-popup-button-container {
 270   background-color: #000000;
 271   border-top: 1px solid #A09090;
 272 }
 273
 274 #identity-popup-more-info-button {
 275 }
 276 /*
 277 #identity-popup-more-info-button:hover {
 278 }
 279
 280 #identity-popup-more-info-button:hover:active {
 281 }
 282 */