@namespace url(http://www.w3.org/1999/xhtml);

/* page specific */

@-moz-document url(http://userstyles.org/login),
               url(http://userstyles.org/user/edit_password),
               url(http://userstyles.org/user/update_password) {
    form table:not([class="form-controls"]), .two-column { margin: auto !important }
    form, p { text-align: center !important }
    #password, #username { width: 10em !important }
}

/* no bullets for a logged in user */
@-moz-document url-prefix(http://userstyles.org/user/) {
  #header-bar + h1 + ul {
    text-align: center ;
    list-style-type: none ;
    padding-right: 3em !important;
    margin-top: 0 !important;
  }

/* move the user's list of styles closer to the styles title */
  h2 { margin-bottom: 0 !important; }
  #style-list { margin-top: 0.5em !important; }

/* split userpage comments into 2 columns - originally by pile0nades */
/* move "comment's on others'" right */
  #style-list + h2,
  #style-list + h2 + ul {
    max-width: 47% !important;
    float: right !important;
    clear: right !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #style-list + h2 + ul li {
    overflow:   auto  !important;
    outline:    none  !important;
  }

/* move "user's comments" to the left */
  #style-list + h2 + ul + h2,
  #style-list + h2 + ul + h2 + ul {
    max-width: 47% !important;
    float: left !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #style-list + h2 + ul + h2 + ul li {
    overflow:   auto  !important;
    outline:    none  !important;
  }

/* fix the position of the left column */
  #style-list + h2 + ul + h2 {
    margin-top: .6em !important;
    position: absolute !important;
  }
}

/* styles */
/* makes label text smaller to increase size of text area */
@-moz-document url-prefix(http://userstyles.org/style/) {
  label, th {
    font-size: small !important;
    white-space: normal !important;
  }

/* seems self explanitory enough */
  #before-screenshot-entry, #after-screenshot-entry,
  #control-panel {
    text-align: center !important;
    padding: 1em !important;
    width: auto !important;
  }

/* move "save" button to upper right side */
  input[type="submit"][value="save"] {
    position: absolute !important;
    right: 2em !important;
    top: 13em !important;
  }

/* adds a light border around screenshots section on edit page */
  #before-screenshot-entry, #after-screenshot-entry {
    border: 1px solid rgb(221, 221, 221) !important;
  }

/* self-explanitory as well? */
  .screenshot-note {
    font-size: x-small !important; 
  }
}

/* moves elements around a little to make the new save button position work */
@-moz-document url(http://userstyles.org/style/new) {
  #header-bar + p  {
    text-align: center !important;
    margin: 1em 0em 2em 0em !important;
    font-size: large !important;
  }
}


/* ++++  all the rest ++++ */

@-moz-document domain(userstyles.org) {

/* fix up the google ad a bit */
  #google-ad {
    height: 100px !important;
  }

/* allow full-size screenshots on hover */
  .multiple-screenshot:hover, .single-screenshot:hover {
    max-width: 100% !important;
  }

/* short "obsoletion" messages should be below the author info */
  #obsoletion-message {
    float: none !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1em !important;
    width: 80% !important;
  }

/* move the comments buttons closer to the text box */
  #delete-comment, #update-comment, #new-comment {
    margin-top: -1em !important;
  }

/* make long description centered and 80% of width - orginally by Micah Bucy */
  #long-description {
    text-align: justify !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important; 
  }

/* move homepage first paragraph down to better go with sidebar */
  #main-text {
    margin-top: 3em !important;
  }

/* adds the Stylish logo to the header bar */
  #logo {
    background: transparent url(chrome://stylish/skin/bigicon.png) 
      center left no-repeat;
    padding-left: 1em;
  } 

/* center a selective list of elements */ 
  h1, h2, #screenshots, #style-meta, #errorExplanation,
  .screenshot-table, #donate, .linking-note, #miscellaneous,
  #show-code, #install-options {
    text-align: center !important;
    width: 100% !important
  }

/* left justify the actual code */
  #view-code { text-align: left !important; }

/* separate sidebar items a bit */
  #sidebar > UL {
    margin-bottom: 1em !important
  }

/* All styles 3-column display - by Loucypher */
  #style-list {
    -moz-column-count: 3 !important;
    font-size: small;
  }

/* keep columns on All Styles from touching */
  #style-list LI {
    margin-right: 1em !important;
    padding-right: 5px !important
  }

/* make long description twice as high */
  TEXTAREA#long-description {
    height: 10em !important;
  } 

/* space out all the lists a bit */
  li {
    padding-bottom: 2px !important;
  } 

/* replace stars with nicer icon - by dougeeebear */
  img[src*="star_1"] {
    width: 0 !important;
    height: 12px !important;
    padding-left: 12px !important;
    margin-left: 1px !important;
    margin-bottom: -1px !important;
    background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABRUlEQVR42mNkwA7+Q2lGdAlGFRUVsOB6/zuMur0M/3aEs4t4rPz5GiT244e68OcPX9+LauUwqgjN+X/nzp3/jNhM/w81n5ER0xbGo1PCRG/t/8tjkh/9X1zJ6JWYjMJXZA1NbhJiYjKywpycGn/jpy6+zYjkXiQrUGxA9cOEOPP4gkUnF/z/z4AXgDQD1SZAzTgkysBg9wqXJohNR0wYGGzOMk5d+o8pO5rpH7qHkRV7ePwX3LGD8QOYf3puINvr96K/vUpm/UN3OzJfgzmficPoMxPjtw/XWLkEtH7DTAdJLiwyKgMpjO871wUTA+l7uUacmfHDQ0ZmAfn/f2GhVe7r4N+5x2sbw/eyP0C2X+fmAxtB4vvPmrM4Gp/8C9R7HYg1gYpPMjMw3NAAmnsV4hwPFkbGHX+AKUHpzocYNoY3DTdA4gCeMoAJrDcAYwAAAABJRU5ErkJggg) 
!important;
}
  img[src*="star_05"] {
    width: 0 !important;
    height: 12px !important;
    padding-left: 12px !important;
    margin-left: 1px !important;
    margin-bottom: -1px !important;
    background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABeUlEQVR42mNkwA7+19TUrG5paQlDl2BUUVFhBDHW+99h1O1l+LcjnF3EY+XP1///MzCsXr1K+Pfv3++fPn3KCKT/V1dX/2fEZjpI8bZtW59duXIlsry8/BCKDUenhIne2v+XxyQ/+r+4ktErMRmFryANIADSdOvWLQN2dnZhVlbWv6mpqbdBNvzHtAKiGElIEIjfg22YEGceX7Do5IL//zHdBtUkBcRgzdevX2+B+uGQKAOD3StkTWg2MNy8edOvqKjoLOPUpf+YsqOZ/iF7GF3T8+fPtVNSUj6AnXR6biDb6/eiv71KZv2DKWYE2guKB0tLS2sQ/9q1a/7//v07y8LCwsT47cM1Vi4Brd8w00GKFxYZlYk4NxcgO8nb21t6wYIFzIwfHjIyC8j//wsLrXJfB//OPV7bGL6X/Zk0aZKfsrLydJD427dv5eLi4v4CzbsOxJpAxSeZGRhuaDAwxF8FKVi3bh1LUFDQn9bWViWgU9iAEXgDJA4AiWirq+hkuAEAAAAASUVORK5CYII)
!important;
  }
  img[src*="star_0.png"] {
    width: 0 !important;
    height: 12px !important;
    padding-left: 12px !important;
    margin-left: 1px !important;
    margin-bottom: -1px !important;
    background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAB3UlEQVR42m2SO4gaURSG753R8Ym6bgYLSZMqddKmCISFmCILgq1pVBAhiQaVYLeJkGoGRFtfnZG12cJmSZFqYVnYJhBIqhUFJb5Gx8c8849dwg5czuHe8//3fOcOJfd8jUbjXFXV21Qq9en/M1oul6mVBINBmk6njWq1+iAcDv9eLpd3brf7OYTz4XBIEc1SqWTSe9xf8Dx/OZ/PldFodFIsFr//c0Oz2eR3u50XRabL5ZrA+b3X6/28Wq0InD/abLa6w+E4ttvtejKZ/GUJ7gKBwENsSIZh/KGUBnD9kaZphGEYyel0yjA+kmXZMRgMzmitVnvj8XjeQvQETmS/3xMICApNLKooCpEkiVhM6/X6y4FBEAQeh+8gSiEem6ZJAEysOB6P5cVicYFcyOVyN7Tb7TKxWMywhMiv0fNTlmV18JDNZsOC44rjuFeJRGJxgG61WhzUKnp+BvBviOx2uyV+v/9w+2w2m04mk5fgu4EZQ/v9vj0SiaidTucrwGMoUKbTqeDz+WahUOgMQ3BivEImk/mAAbG03W6z8Xhcr9frFcCeol8RRdVCoaBVKpXXeFAR0FcYddyqo6Io0mw2awKc1XX9cT6f/2G10uv1bNFoVMOf8AitcHjAn9b+Xxp18s1r/LalAAAAAElFTkSuQmCC)
!important;
  }
}