netError.css (2431B)
1 /* 2 * This defines the look-and-feel styling of the error pages. 3 * (see: netError.xhtml) 4 * 5 * Original styling by William Price <bugzilla@mob.rice.edu> 6 * Updated by: Steven Garrity <steven@silverorange.com> 7 * Henrik Skupin <mozilla@hskupin.info> 8 */ 9 10 html { 11 background: #181411; 12 } 13 14 body { 15 margin: 0; 16 padding: 0 1em; 17 color: #bfbbb6; 18 font: message-box; 19 } 20 21 h1 { 22 margin: 0 0 .6em 0; 23 border-bottom: 1px solid rgb(64,64,64); 24 font-size: 160%; 25 } 26 27 ul, ol { 28 margin: 0; 29 margin-inline-start: 1.5em; 30 padding: 0; 31 } 32 33 ul > li, ol > li { 34 margin-bottom: .5em; 35 } 36 37 ul { 38 list-style: square; 39 } 40 41 #errorPageContainer { 42 position: relative; 43 min-width: 13em; 44 max-width: 52em; 45 margin: 4em auto; 46 border: 1px solid rgb(64,64,64); 47 border-radius: 10px; 48 padding: 3em; 49 padding-inline-start: 30px; 50 background: url("chrome://global/skin/icons/warning-large.png") left 0 no-repeat rgb(43,43,43); 51 background-origin: content-box; 52 } 53 54 #errorPageContainer.certerror { 55 background-image: url("chrome://global/skin/icons/sslWarning.png"); 56 } 57 58 body[dir="rtl"] #errorPageContainer { 59 background-position: right 0; 60 } 61 62 #errorTitle { 63 margin-inline-start: 80px; 64 } 65 66 #errorLongContent { 67 margin-inline-start: 80px; 68 } 69 70 #errorShortDesc > p { 71 overflow: auto; 72 border-bottom: 1px solid rgb(64,64,64); 73 padding-bottom: 1em; 74 font-size: 130%; 75 white-space: pre-wrap; 76 } 77 78 #errorLongDesc { 79 padding-inline-end: 3em; 80 font-size: 110%; 81 } 82 83 #errorLongDesc > p { 84 } 85 86 #errorTryAgain { 87 margin-top: 2em; 88 margin-inline-start: 80px; 89 } 90 91 #brand { 92 position: absolute; 93 right: 0; 94 bottom: -1.5em; 95 margin-inline-end: 10px; 96 opacity: .4; 97 } 98 99 #brand:-moz-dir(rtl) { 100 right: auto; 101 left: 0; 102 } 103 104 #brand > p { 105 margin: 0; 106 } 107 108 #errorContainer { 109 display: none; 110 } 111 112 #securityOverrideDiv { 113 padding-top: 10px; 114 } 115 116 #securityOverrideContent { 117 background-color: #181411; 118 color: #bfbbb6; 119 padding: 10px; 120 border-radius: 10px; 121 } 122 123 /* Custom styling for 'blacklist' error class */ 124 :root.blacklist #errorTitle, :root.blacklist #errorLongContent, 125 :root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc, 126 :root.blacklist a { 127 background-color: #722; /* Dark red */ 128 color: white; 129 } 130 131 :root.blacklist #errorPageContainer { 132 background-image: url("chrome://global/skin/icons/blacklist_large.png"); 133 background-color: #722; 134 } 135 136 :root.blacklist { 137 background: #000; 138 } 139 140 :root.blacklist #errorTryAgain { 141 display: none; 142 }