The Tor Browser / file comparison
comparison: browser/themes/osx/aboutTabCrashed.css
browser/themes/osx/aboutTabCrashed.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:d107d230c69d |
|---|---|
| 1 body { | |
| 2 background-color: rgb(241, 244, 248); | |
| 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 -moz-padding-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 -moz-padding-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 } |
