The Tor Browser / file comparison
comparison: browser/themes/osx/aboutSocialError.css
browser/themes/osx/aboutSocialError.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:d90ff84909ac |
|---|---|
| 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 | |
| 27 #button-box { | |
| 28 text-align: center; | |
| 29 width: 75%; | |
| 30 margin: 0 auto; | |
| 31 } | |
| 32 | |
| 33 @media all and (min-width: 300px) { | |
| 34 #error-box { | |
| 35 max-width: 50%; | |
| 36 margin: 0 auto; | |
| 37 background-image: url('chrome://global/skin/icons/information-32.png'); | |
| 38 min-height: 36px; | |
| 39 -moz-padding-start: 38px; | |
| 40 } | |
| 41 | |
| 42 button { | |
| 43 width: auto !important; | |
| 44 min-width: 150px; | |
| 45 } | |
| 46 } | |
| 47 | |
| 48 @media all and (min-width: 780px) { | |
| 49 #error-box { | |
| 50 max-width: 30%; | |
| 51 } | |
| 52 } | |
| 53 | |
| 54 button { | |
| 55 font: message-box; | |
| 56 font-size: 0.6875em; | |
| 57 -moz-appearance: none; | |
| 58 -moz-user-select: none; | |
| 59 width: 100%; | |
| 60 margin: 2px 0; | |
| 61 padding: 2px 6px; | |
| 62 line-height: 1.2; | |
| 63 background-color: hsla(210,30%,95%,.1); | |
| 64 background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); | |
| 65 background-clip: padding-box; | |
| 66 border: 1px solid hsla(210,15%,25%,.4); | |
| 67 border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4); | |
| 68 border-radius: 3px; | |
| 69 box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, | |
| 70 0 0 0 1px hsla(0,0%,100%,.3) inset, | |
| 71 0 1px 0 hsla(0,0%,100%,.1); | |
| 72 | |
| 73 transition-property: background-color, border-color, box-shadow; | |
| 74 transition-duration: 150ms; | |
| 75 transition-timing-function: ease; | |
| 76 | |
| 77 } | |
| 78 | |
| 79 button:hover { | |
| 80 background-color: hsla(210,30%,95%,.8); | |
| 81 border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55); | |
| 82 box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, | |
| 83 0 0 0 1px hsla(0,0%,100%,.3) inset, | |
| 84 0 1px 0 hsla(0,0%,100%,.1), | |
| 85 0 0 3px hsla(210,15%,25%,.1); | |
| 86 transition-property: background-color, border-color, box-shadow; | |
| 87 transition-duration: 150ms; | |
| 88 transition-timing-function: ease; | |
| 89 } | |
| 90 | |
| 91 button:hover:active { | |
| 92 background-color: hsla(210,15%,25%,.2); | |
| 93 box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset, | |
| 94 0 0 2px hsla(210,15%,25%,.4) inset; | |
| 95 transition-property: background-color, border-color, box-shadow; | |
| 96 transition-duration: 10ms; | |
| 97 transition-timing-function: linear; | |
| 98 } |
