The Tor Browser / file comparison
comparison: toolkit/themes/linux/global/netError.css
toolkit/themes/linux/global/netError.css
- branch
- TOR_BUG_9701
- changeset 8
- 97036ab72558
equal
deleted
inserted
replaced
| -1:000000000000 | 0:ecdf93f75b7c |
|---|---|
| 1 /* This Source Code Form is subject to the terms of the Mozilla Public | |
| 2 * License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
| 4 | |
| 5 /* | |
| 6 * This defines the look-and-feel styling of the error pages. | |
| 7 * (see: netError.xhtml) | |
| 8 * | |
| 9 * Original styling by William Price <bugzilla@mob.rice.edu> | |
| 10 * Updated by: Michael Ventnor <m.ventnor@gmail.com> | |
| 11 */ | |
| 12 | |
| 13 html { | |
| 14 background: -moz-Dialog; | |
| 15 } | |
| 16 | |
| 17 body { | |
| 18 margin: 0; | |
| 19 padding: 0 1em; | |
| 20 color: -moz-FieldText; | |
| 21 font: message-box; | |
| 22 } | |
| 23 | |
| 24 h1 { | |
| 25 margin: 0 0 .6em 0; | |
| 26 border-bottom: 1px solid ThreeDLightShadow; | |
| 27 font-size: 160%; | |
| 28 } | |
| 29 | |
| 30 ul, ol { | |
| 31 margin: 0; | |
| 32 -moz-margin-start: 1.5em; | |
| 33 padding: 0; | |
| 34 } | |
| 35 | |
| 36 ul > li, ol > li { | |
| 37 margin-bottom: .5em; | |
| 38 } | |
| 39 | |
| 40 ul { | |
| 41 list-style: square; | |
| 42 } | |
| 43 | |
| 44 #errorPageContainer { | |
| 45 position: relative; | |
| 46 min-width: 13em; | |
| 47 max-width: 52em; | |
| 48 margin: 4em auto; | |
| 49 border: 1px solid ThreeDShadow; | |
| 50 border-radius: 10px; | |
| 51 padding: 3em; | |
| 52 -moz-padding-start: 30px; | |
| 53 background: url("moz-icon://stock/gtk-dialog-warning?size=dialog") left 0 no-repeat -moz-Field; | |
| 54 background-origin: content-box; | |
| 55 } | |
| 56 | |
| 57 #errorPageContainer.certerror { | |
| 58 background-image: url("chrome://global/skin/icons/sslWarning.png"); | |
| 59 } | |
| 60 | |
| 61 #errorPageContainer:-moz-dir(rtl) { | |
| 62 background-position: right 0; | |
| 63 } | |
| 64 | |
| 65 #errorTitle { | |
| 66 -moz-margin-start: 80px; | |
| 67 } | |
| 68 | |
| 69 #errorLongContent { | |
| 70 -moz-margin-start: 80px; | |
| 71 } | |
| 72 | |
| 73 #errorShortDesc > p { | |
| 74 overflow: auto; | |
| 75 border-bottom: 1px solid ThreeDLightShadow; | |
| 76 padding-bottom: 1em; | |
| 77 font-size: 130%; | |
| 78 white-space: pre-wrap; | |
| 79 } | |
| 80 | |
| 81 #errorLongDesc { | |
| 82 -moz-padding-end: 3em; | |
| 83 font-size: 110%; | |
| 84 } | |
| 85 | |
| 86 #errorLongDesc > p { | |
| 87 } | |
| 88 | |
| 89 #errorTryAgain { | |
| 90 margin-top: 2em; | |
| 91 -moz-margin-start: 80px; | |
| 92 } | |
| 93 | |
| 94 #brand { | |
| 95 position: absolute; | |
| 96 right: 0; | |
| 97 bottom: -1.5em; | |
| 98 -moz-margin-end: 10px; | |
| 99 opacity: .4; | |
| 100 } | |
| 101 | |
| 102 #brand:-moz-dir(rtl) { | |
| 103 right: auto; | |
| 104 left: 0; | |
| 105 } | |
| 106 | |
| 107 #brand > p { | |
| 108 margin: 0; | |
| 109 } | |
| 110 | |
| 111 #errorContainer { | |
| 112 display: none; | |
| 113 } | |
| 114 | |
| 115 #securityOverrideDiv { | |
| 116 padding-top: 10px; | |
| 117 } | |
| 118 | |
| 119 #securityOverrideContent { | |
| 120 background-color: InfoBackground; | |
| 121 color: InfoText; | |
| 122 padding: 10px; | |
| 123 border-radius: 10px; | |
| 124 } | |
| 125 | |
| 126 /* Custom styling for 'blacklist' error class */ | |
| 127 :root.blacklist #errorTitle, :root.blacklist #errorLongContent, | |
| 128 :root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc, | |
| 129 :root.blacklist a { | |
| 130 background-color: #722; /* Dark red */ | |
| 131 color: white; | |
| 132 } | |
| 133 | |
| 134 :root.blacklist #errorPageContainer { | |
| 135 background-image: url("chrome://global/skin/icons/blacklist_large.png"); | |
| 136 background-color: #722; | |
| 137 } | |
| 138 | |
| 139 :root.blacklist { | |
| 140 background: #333; | |
| 141 } | |
| 142 | |
| 143 :root.blacklist #errorTryAgain { | |
| 144 display: none; | |
| 145 } |
