/*
 * About: Pages Redesigned // By *Snow*
 *
 * Author			: *Snow* (snowpato(at)gmail(dot)com)
 * Updated			: March 28, 2010
 * Website			: http://userstyles.org/styles/26689
 * Description		        : A complete redesign of some of the Firefox "about" pages
 * Usage			: Use with the 'Stylish' Firefox extension (http://userstyles.org/)
 * 
 * Please submit all bug reports, comments and requests.
 *
 * Feel free to use this style to develop your own neterror theme, or to
 * make improvements on this one. I just ask that you let me know when
 * you do, so that I can look at what you've come up with.
 *
 * Note: This skin uses images from a server. If you want to use a base64 bg, you can modify it in the first lines
 */

/* Here you can change the bg */
@-moz-document url(about:blank), url-prefix(about:), url-prefix(about:neterror){

  html {
    background: url(http://s4.subirimagenes.com/privadas/934179pattern.png) !important;
  }

}

/* This is the rest of the code, ignore if you want */

@-moz-document url(about:), url(about:blank){

  body{
    -moz-background-origin: content !important;
    background: rgba(255,255,255,0.3) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-radius: 6px !important;
  }  

  #aboutLogoContainer{
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-radius: 6px !important;
    -moz-margin-start: 15px !important;
  }

  ul {
    padding-left: 15px !important;
  }

  ul > li {
    background: rgba(255,255,255,0.6) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.72) #f5f8fa rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-left-colors: rgba(0,0,0,.72) #f5f8fa rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-right-colors: rgba(0,0,0,.72) #e3e7ea rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-top-colors:  rgba(0,0,0,.72) #f5f8fa rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-radius: 6px !important;
     margin-top: .5em !important;
  }

  #aboutPageList{
    background: rgba(255,255,255,0.3) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-radius: 6px !important;

  }
}

@-moz-document url-prefix(about:neterror){

  ul, ol {
    padding-left: 5px !important;
  }

  ul > li {
    background: rgba(255,255,255,0.6) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.72) #f5f8fa rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-left-colors: rgba(0,0,0,.72) #f5f8fa rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-right-colors: rgba(0,0,0,.72) #e3e7ea rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-top-colors:  rgba(0,0,0,.72) #f5f8fa rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) rgba(255,255,255,0.6) !important;
    -moz-border-radius: 6px !important;
     margin-top: .5em !important;
  }


  #errorPageContainer {
    background-color: rgba(255,255,255,0.3) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-radius: 6px !important;
  }

  #errorPageContainer.certerror {
    background-image: url("chrome://global/skin/icons/sslWarning.png") !important;
  }

  #errorTitle {
    background: rgba(255,255,255,0.3) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-radius: 6px !important;
    -moz-margin-start: 80px;
  }

  #errorShortDesc > p {
    background: rgba(255,255,255,0.3) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-radius: 6px !important;
  }

  #errorLongDesc {
    background: rgba(255,255,255,0.4) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(255,255,255,0.4) !important;
    -moz-border-radius: 6px !important;
  }

}

@-moz-document url(about:mozilla){

  #moztext, #from{
    color:black;
    background-color: rgba(255,255,255,0.3) !important;
    -moz-background-clip: padding !important;
    border: 6px solid transparent !important;
    -moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
    -moz-border-radius: 6px !important;
  }

  a{
    color: #2B67AF !important;
  }
}