aboutTabCrashed.css (2482B)
1 body { 2 background-color: #181411; 3 margin-top: 2em; 4 font: message-box; 5 font-size: 100%; 6 } 7 8 p { 9 font-size: .8em; 10 } 11 12 #error-box { 13 background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px; 14 padding-inline-start: 30px; 15 } 16 17 #error-box:-moz-locale-dir(rtl) { 18 background-position: right 4px; 19 } 20 21 #main-error-msg { 22 color: #4b4b4b; 23 font-weight: bold; 24 } 25 26 #report-box { 27 text-align: center; 28 width: 75%; 29 margin: 0 auto; 30 display: none; 31 } 32 33 .crashDumpAvaible #report-box { 34 display: block 35 } 36 37 #button-box { 38 text-align: center; 39 width: 75%; 40 margin: 0 auto; 41 } 42 43 @media all and (min-width: 300px) { 44 #error-box { 45 max-width: 50%; 46 margin: 0 auto; 47 background-image: url('chrome://global/skin/icons/information-32.png'); 48 min-height: 36px; 49 padding-inline-start: 38px; 50 } 51 52 button { 53 width: auto !important; 54 min-width: 150px; 55 } 56 } 57 58 @media all and (min-width: 780px) { 59 #error-box { 60 max-width: 30%; 61 } 62 } 63 64 button { 65 font: message-box; 66 font-size: 0.6875em; 67 -moz-appearance: none; 68 -moz-user-select: none; 69 width: 100%; 70 margin: 2px 0; 71 padding: 2px 6px; 72 line-height: 1.2; 73 background-color: hsla(210,30%,95%,.1); 74 background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); 75 background-clip: padding-box; 76 border: 1px solid hsla(210,15%,25%,.4); 77 border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4); 78 border-radius: 3px; 79 box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, 80 0 0 0 1px hsla(0,0%,100%,.3) inset, 81 0 1px 0 hsla(0,0%,100%,.1); 82 83 transition-property: background-color, border-color, box-shadow; 84 transition-duration: 150ms; 85 transition-timing-function: ease; 86 87 } 88 89 button:hover { 90 background-color: hsla(210,30%,95%,.8); 91 border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55); 92 box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, 93 0 0 0 1px hsla(0,0%,100%,.3) inset, 94 0 1px 0 hsla(0,0%,100%,.1), 95 0 0 3px hsla(210,15%,25%,.1); 96 transition-property: background-color, border-color, box-shadow; 97 transition-duration: 150ms; 98 transition-timing-function: ease; 99 } 100 101 button:hover:active { 102 background-color: hsla(210,15%,25%,.2); 103 box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset, 104 0 0 2px hsla(210,15%,25%,.4) inset; 105 transition-property: background-color, border-color, box-shadow; 106 transition-duration: 10ms; 107 transition-timing-function: linear; 108 }