1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/metro/theme/netError.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,275 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +/*
1.9 + * This defines the look-and-feel styling of the error pages.
1.10 + * (see: netError.xhtml)
1.11 + *
1.12 + * Original styling by William Price <bugzilla@mob.rice.edu>
1.13 + * Updated for mobile by: Wes Johnston <wjohnston@mozilla.com>
1.14 + */
1.15 +
1.16 +%filter substitution
1.17 +%include defines.inc
1.18 +%include platform.css
1.19 +
1.20 +/*
1.21 + * In-browser content styles,
1.22 + * XXX: should be extracted and consolidated into a shared stylesheet for all in-browser content
1.23 + */
1.24 +body {
1.25 + background-color: #F4F4F4;
1.26 + color: rgb(51,51,51);
1.27 + font-family: "Segoe UI", sans-serif;
1.28 + font-size: @font_normal@;
1.29 + line-height: 23px;
1.30 +}
1.31 +
1.32 +h1 {
1.33 + font-size: @metro_font_xlarge@;
1.34 + font-weight: normal;
1.35 + line-height: @metro_spacing_large@;
1.36 +}
1.37 +h2 {
1.38 + font-size: @metro_font_large@;
1.39 + line-height: @metro_spacing_xxxnormal@;
1.40 + font-weight: normal;
1.41 +}
1.42 +h3 {
1.43 + font-size: @font_normal@;
1.44 + line-height: @metro_spacing_xxnormal@;
1.45 +}
1.46 +h4 {
1.47 + font-size: @font_normal@;
1.48 + line-height: @metro_spacing_xxnormal@;
1.49 + font-style: italic;
1.50 + display: inline;
1.51 +}
1.52 +
1.53 +/*
1.54 + * Net error page styles
1.55 + */
1.56 +
1.57 +a {
1.58 + text-decoration: none;
1.59 +}
1.60 +
1.61 +ul {
1.62 + margin: 0px;
1.63 + padding: 0px 0px 0px 1em;
1.64 +}
1.65 +
1.66 +li {
1.67 + margin: 0px;
1.68 + padding: 8px 0px;
1.69 +}
1.70 +
1.71 +#errorPage.certerror, #errorPage.blockedsite {
1.72 + background-color: @error_page_background_color@;
1.73 +}
1.74 +
1.75 +#errorPage button {
1.76 + margin: 5px 10px 5px 0;
1.77 +}
1.78 +
1.79 +#errorPage > .top-decoration {
1.80 + position: absolute;
1.81 + top: 0;
1.82 + left: 0;
1.83 + width: 100%;
1.84 + height: 25px;
1.85 +}
1.86 +
1.87 +#errorPage.certerror > .top-decoration {
1.88 + background: linear-gradient(-45deg,
1.89 + @error_page_background_color@ 25%,
1.90 + @error_page_warning_color@ 25%,
1.91 + @error_page_warning_color@ 50%,
1.92 + @error_page_background_color@ 50%,
1.93 + @error_page_background_color@ 75%,
1.94 + @error_page_warning_color@ 75%,
1.95 + @error_page_warning_color@) repeat scroll 0% 0% /
1.96 + 80px 80px transparent;
1.97 +}
1.98 +
1.99 +#errorPage.blockedsite > .top-decoration {
1.100 + background: linear-gradient(-45deg,
1.101 + @error_page_background_color@ 25%,
1.102 + @error_page_error_color@ 25%,
1.103 + @error_page_error_color@ 50%,
1.104 + @error_page_background_color@ 50%,
1.105 + @error_page_background_color@ 75%,
1.106 + @error_page_error_color@ 75%,
1.107 + @error_page_error_color@) repeat scroll 0% 0% /
1.108 + 80px 80px transparent;
1.109 +}
1.110 +
1.111 +#errorPage #cert_domain_link {
1.112 + color: #0095dd;
1.113 +}
1.114 +
1.115 +#errorPage.certerror #errorPageContainer > .section-header,
1.116 +#errorPage.blockedsite #errorPageContainer > .section-header {
1.117 + border-bottom: @metro_border_thin@ solid rgb(133,137,140);
1.118 +}
1.119 +
1.120 +#errorPageContainer {
1.121 + max-width: 628px;
1.122 + margin-left: auto;
1.123 + margin-right: auto;
1.124 + margin-top: 60px;
1.125 + -moz-padding-start: 40px;
1.126 + -moz-padding-end: 24px;
1.127 +}
1.128 +
1.129 +#errorTitleIcon {
1.130 + background-image: url("chrome://browser/skin/images/errorpage-warning.png");
1.131 + background-position: center center;
1.132 + background-repeat: no-repeat;
1.133 + background-size: 40px 40px;
1.134 + background-origin: content-box;
1.135 + display: inline-block;
1.136 + -moz-margin-start: -64px;
1.137 + -moz-margin-end: 24px;
1.138 + height: 40px;
1.139 + vertical-align: middle;
1.140 + width: 40px;
1.141 +}
1.142 +
1.143 +#errorPage.certerror #errorTitleIcon, #errorPage.blockedsite #errorTitleIcon {
1.144 + background-size: 60px 60px;
1.145 + width: 60px;
1.146 + height: 60px;
1.147 + -moz-margin-start: -80px;
1.148 + -moz-margin-end: 10px;
1.149 +}
1.150 +
1.151 +#errorPage.certerror #errorTitleIcon {
1.152 + background-image: url("chrome://browser/skin/images/errorpage-cert-untrusted.png");
1.153 +}
1.154 +
1.155 +#errorPage.blockedsite #errorTitleIcon {
1.156 + background-image: url("chrome://browser/skin/images/errorpage-blocked-site.png");
1.157 +}
1.158 +
1.159 +@media (min-resolution: @min_res_140pc@) {
1.160 + /* Load 140% image when scaled by 140% */
1.161 + #errorTitleIcon {
1.162 + background-image: url("chrome://browser/skin/images/errorpage-warning@1.4x.png");
1.163 + }
1.164 +
1.165 + #errorPage.certerror #errorTitleIcon {
1.166 + background-image: url("chrome://browser/skin/images/errorpage-cert-untrusted@1.4x.png");
1.167 + }
1.168 +
1.169 + #errorPage.blockedsite #errorTitleIcon {
1.170 + background-image: url("chrome://browser/skin/images/errorpage-blocked-site@1.4x.png");
1.171 + }
1.172 +}
1.173 +
1.174 +@media (min-resolution: @min_res_180pc@) {
1.175 + /* Load 180% image when scaled by 180% */
1.176 + #errorTitleIcon {
1.177 + background-image: url("chrome://browser/skin/images/errorpage-warning@1.8x.png");
1.178 + }
1.179 +
1.180 + #errorPage.certerror #errorTitleIcon {
1.181 + background-image: url("chrome://browser/skin/images/errorpage-cert-untrusted@1.8x.png");
1.182 + }
1.183 +
1.184 + #errorPage.blockedsite #errorTitleIcon {
1.185 + background-image: url("chrome://browser/skin/images/errorpage-blocked-site@1.8x.png");
1.186 + }
1.187 +}
1.188 +
1.189 +@media (max-width: 760px) {
1.190 + #errorPage.certerror #errorTitleIcon, #errorPage.blockedsite #errorTitleIcon {
1.191 + display: block;
1.192 + -moz-margin-start: 0;
1.193 + -moz-margin-end: 0;
1.194 + }
1.195 +}
1.196 +
1.197 +.errorTitleText {
1.198 + padding: 0;
1.199 + display: inline-block;
1.200 + vertical-align: middle;
1.201 +}
1.202 +
1.203 +#errorPageContainer > .section-header {
1.204 + border-bottom: @metro_border_thin@ solid @border_color@;
1.205 + margin-top: @metro_spacing_xxxnormal@;
1.206 + padding-bottom: @metro_spacing_snormal@;
1.207 +}
1.208 +
1.209 +#errorPageContainer > .section-details {
1.210 + margin-top: @metro_spacing_xxxnormal@;
1.211 + padding-bottom: @metro_spacing_xxxnormal@;
1.212 +}
1.213 +
1.214 +#errorPageContainer > .section-footer {
1.215 + padding-bottom: @metro_spacing_xxxnormal@;
1.216 +}
1.217 +
1.218 +#errorShortDesc > p:empty {
1.219 + display: none;
1.220 +}
1.221 +
1.222 +#errorShortDesc > p {
1.223 + overflow: auto;
1.224 + padding-bottom: 1em;
1.225 + margin: 0;
1.226 +}
1.227 +
1.228 +#errorPage.blockedsite #errorShortDesc > p {
1.229 + font-weight: bold;
1.230 + border-bottom: none;
1.231 + padding-bottom: 0px;
1.232 +}
1.233 +
1.234 +
1.235 +#detailsLink {
1.236 + color: black;
1.237 + display: table-row;
1.238 +}
1.239 +
1.240 +#detailsGrid {
1.241 + display: table;
1.242 +}
1.243 +
1.244 +#detailsContainer {
1.245 + display: table-row;
1.246 +}
1.247 +
1.248 +#detailsLinkLabel {
1.249 + display: table-cell;
1.250 +}
1.251 +
1.252 +.detailsSpacer {
1.253 + display: table-cell;
1.254 + padding-right: 8px;
1.255 +}
1.256 +
1.257 +#securityOverrideDiv {
1.258 + padding-top: 10px;
1.259 +}
1.260 +
1.261 +.expandable-section {
1.262 + background: url("chrome://browser/skin/images/arrowdown-16.png") no-repeat left 0.6em;
1.263 + background-size: 11px 11px;
1.264 +}
1.265 +
1.266 +.expandable-section[collapsed] {
1.267 + background-image: url("chrome://browser/skin/images/arrowright-16.png");
1.268 +}
1.269 +
1.270 +.expandable-section[collapsed] > .expandable-content {
1.271 + display: none;
1.272 +}
1.273 +
1.274 +.expandable-section > .expandable-heading {
1.275 + cursor: pointer;
1.276 + -moz-padding-start: 15px;
1.277 + -moz-user-select: none;
1.278 +}
