browser/themes/windows/aboutSocialError.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/themes/windows/aboutSocialError.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,98 @@
     1.4 +body {
     1.5 +  background-color: rgb(241, 244, 248);
     1.6 +  margin-top: 2em;
     1.7 +  font: message-box;
     1.8 +  font-size: 100%;
     1.9 +}
    1.10 +
    1.11 +p {
    1.12 +  font-size: .8em;
    1.13 +}
    1.14 +
    1.15 +#error-box {
    1.16 +  background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
    1.17 +  -moz-padding-start: 30px;
    1.18 +}
    1.19 +
    1.20 +#error-box:-moz-locale-dir(rtl) {
    1.21 +  background-position: right 4px;
    1.22 +}
    1.23 +
    1.24 +#main-error-msg {
    1.25 +  color: #4b4b4b;
    1.26 +  font-weight: bold;
    1.27 +}
    1.28 +
    1.29 +
    1.30 +#button-box {
    1.31 +  text-align: center;
    1.32 +  width: 75%;
    1.33 +  margin: 0 auto;
    1.34 +}
    1.35 +
    1.36 +@media all and (min-width: 300px) {
    1.37 +  #error-box {
    1.38 +    max-width: 50%;
    1.39 +    margin: 0 auto;
    1.40 +    background-image: url('chrome://global/skin/icons/information-32.png');
    1.41 +    min-height: 36px;
    1.42 +    -moz-padding-start: 38px;
    1.43 +  }
    1.44 +
    1.45 +  button {
    1.46 +    width: auto !important;
    1.47 +    min-width: 150px;
    1.48 +  }
    1.49 +}
    1.50 +
    1.51 +@media all and (min-width: 780px) {
    1.52 +  #error-box {
    1.53 +    max-width: 30%;
    1.54 +  }
    1.55 +}
    1.56 +
    1.57 +button {
    1.58 +  font: message-box;
    1.59 +  font-size: 0.6875em;
    1.60 +  -moz-appearance: none;
    1.61 +  -moz-user-select: none;
    1.62 +  width: 100%;
    1.63 +  margin: 2px 0;
    1.64 +  padding: 2px 6px;
    1.65 +  line-height: 1.2;
    1.66 +  background-color: hsla(210,30%,95%,.1);
    1.67 +  background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
    1.68 +  background-clip: padding-box;
    1.69 +  border: 1px solid hsla(210,15%,25%,.4);
    1.70 +  border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4);
    1.71 +  border-radius: 3px;
    1.72 +  box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
    1.73 +              0 0 0 1px hsla(0,0%,100%,.3) inset,
    1.74 +              0 1px 0 hsla(0,0%,100%,.1);
    1.75 +
    1.76 +  transition-property: background-color, border-color, box-shadow;
    1.77 +  transition-duration: 150ms;
    1.78 +  transition-timing-function: ease;
    1.79 +
    1.80 +}
    1.81 +
    1.82 +button:hover {
    1.83 +  background-color: hsla(210,30%,95%,.8);
    1.84 +  border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55);
    1.85 +  box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
    1.86 +              0 0 0 1px hsla(0,0%,100%,.3) inset,
    1.87 +              0 1px 0 hsla(0,0%,100%,.1),
    1.88 +              0 0 3px hsla(210,15%,25%,.1);
    1.89 +  transition-property: background-color, border-color, box-shadow;
    1.90 +  transition-duration: 150ms;
    1.91 +  transition-timing-function: ease;
    1.92 +}
    1.93 +
    1.94 +button:hover:active {
    1.95 +  background-color: hsla(210,15%,25%,.2);
    1.96 +  box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset,
    1.97 +              0 0 2px hsla(210,15%,25%,.4) inset;
    1.98 +  transition-property: background-color, border-color, box-shadow;
    1.99 +  transition-duration: 10ms;
   1.100 +  transition-timing-function: linear;
   1.101 +}

mercurial