onionservices.css (1473B)
1 /* Copyright (c) 2020, The Tor Project, Inc. */ 2 3 #tor-clientauth-notification-desc { 4 font-weight: var(--font-weight-bold); 5 } 6 7 #tor-clientauth-notification-key { 8 box-sizing: border-box; 9 width: 100%; 10 margin-top: 15px; 11 padding: 6px; 12 } 13 14 /* Start of rules adapted from 15 * browser/components/newtab/css/activity-stream-mac.css (linux and windows 16 * use the same rules). 17 */ 18 #tor-clientauth-notification-key.invalid { 19 border: 1px solid var(--outline-color-error); 20 } 21 22 #tor-clientauth-warning { 23 display: inline-block; 24 animation: fade-up-tt 450ms; 25 /* FIXME: This warning block does not follow upstream's styling. */ 26 background: var(--button-background-color-destructive); 27 color: var(--button-text-color-destructive); 28 border-radius: var(--border-radius-xsmall); 29 inset-inline-start: 3px; 30 padding: 5px 12px; 31 position: relative; 32 top: 6px; 33 z-index: 1; 34 } 35 36 #tor-clientauth-warning[hidden] { 37 display: none; 38 } 39 40 #tor-clientauth-warning::before { 41 background: var(--button-background-color-destructive); 42 bottom: -8px; 43 content: "."; 44 height: 16px; 45 inset-inline-start: 12px; 46 position: absolute; 47 text-indent: -999px; 48 top: -7px; 49 transform: rotate(45deg); 50 white-space: nowrap; 51 width: 16px; 52 z-index: -1; 53 } 54 55 @keyframes fade-up-tt { 56 0% { 57 opacity: 0; 58 transform: translateY(15px); 59 } 60 100% { 61 opacity: 1; 62 transform: translateY(0); 63 } 64 } 65 /* End of rules adapted from 66 * browser/components/newtab/css/activity-stream-mac.css 67 */