@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://userstyles.org/") , url-prefix("https://userstyles.org/") {

/* set background color */
html {
  background: #253960 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFCCAMAAAAHcEfNAAAABGdBTUEAAK/INwWK6QAAABl0RVh0 U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEOUExURQAdPyM5YSI4YSE4YSQ5YBs2YSA4 YR43YRk1YB03YRw2YQEeQQgnTxc0Xw0sVh84YQQiRwopUg4tVwkoUAEfQhg0YBo1YSQ5YRAvWgIg RBEvWxQyXQQiSAwrVRUzXhYzXwopUQYkSw8uWBIwWwclTAwrVBIwXBUyXgMhRRMxXQIfRAIfQg8u WQsqUx83Yho2YQcmTgEdQQMhRwUkSgMhRgYlSw4sVwUjSBYzXgYlTBg1YBMxXAcmTQUjSSI5YQ0s VQYkSgQjSB43Yg8tWBEwWwkpUQspUxY0XxAvWQsrVBEvWgUjShQyXgAdQAgnThc0YAgmTgMgRR83 YQspUgknUBAuWRQxXQsqVB02YQMgRLiVdJ0AAAC9SURBVHjaxMV5M4JhHIXhQ0VCSERSWZN9K2RJ 9kL2yvf/Ip0585tnnvcd/zvXnLmBf94rDmjUkzZbsinz5hcf2JBjOqRJk5MGTuiSnnFE11iSCp3R qlzQPr2jjTHnG9PmHkWZMl94wA510cSaLEodSadKKXOLZdmmHzxhzrSQNXdYkXU5p7J0sGBeUJK8 nFJBHjHuvGHG1CjumTV7FAtIeHoY8QzLjfUTuzThDAVEQgZDrjDwh4xEdU9fgAEA1aYdEAeBB8AA AAAASUVORK5CYII=") top left repeat-x !important;
} 

/* fix padding on body */
body {
  background: none !important;
  color: #FFF !important;
  font-family: Tahoma, Arial, Helvetica, sans-serif !important;
  margin: 0 !important;
  padding: 0 1em !important;
  background-image: none !important;
}

#page {
  background: none !important;
  color: #FFF !important;
}

/* link colors */
a:link,
#Comments .CommentHeader span a {
  color: #82BDFF !important;
  text-decoration: none !important;
}
a:visited,
#Comments .CommentHeader span a:visited {
  color: #72DFAD !important;
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}

img {
  border: none !important;
}

/* header links */
#header-bar a {
  color: #fff !important;
}


/* header bar */
#header-bar {
  background-color: navy !important;
  border: 1px solid #4444CC !important;
  border-top: none !important;
}

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

/* remove hover underline on logo link */
#logo a {
  text-decoration: none !important;
}

#header-bar #navigation li a {
  border: 1px solid #4444CC !important;
  background-color: transparent !important;
}
#header-bar #navigation li a:hover {
  background-color: #4444CC !important;
}
/* current page tab bottom border */
#header-bar #navigation li .current-page {
  border-bottom: 1px solid white !important;
  background-color: #FFFFFF !important;
  color: navy !important;
}

#search-submit {
  background: none !important;
  border: 1px solid #4444CC !important;
}

#search-submit:hover {
  background: #4444CC !important;
  border: 1px solid #4444CC !important;
}

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

/* move sidebar left */
#sidebar {
  float: left !important;
  margin: 16px 0 0 0 !important;
  font-size: small !important;
  width: 25% !important;
  padding-left: 20px !important;
  padding-right: 5px !important;
}
/* make sidebar use more available space */
#sidebar > ul {
  padding-left: 0 !important;
  margin-bottom: 1em !important;
}

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

/* move feed icon down a bit */
h2 > a + a > img {
  margin-bottom: -3px !important;
}

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

/* style page */

/* obsoletion message */

/* short "obsoletion" messages should be below the author info - from tweaked */
div#obsoletion-message {
  float: none !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1em !important;
  width: auto !important;
  border: 3px solid #4444CC !important;
  -moz-border-radius: 10px !important;
  background-color: navy !important;
}

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

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


/* show install options as a list */
#install-options {
  margin: 0 auto !important;
}
#install-options > * {
  display: block !important;
  margin: 0 auto !important;
}
#install-options td {
  display: table-row !important;
  text-align: left !important;
}

/* from tweaked */
#control-panel {
  text-align: center !important;
  width: auto !important;
}

/* lemon color for code box */
/* prevents long code from lengthening the page - from tweaked */
#view-code {
  text-align: left !important;
  overflow:   auto  !important;
  outline:    none  !important;
  max-height: 20em  !important;
  margin: 0em 2em 0em 3em !important;
  background-color: lemonchiffon !important;
  color: #000 !important;
}

/* rating boxes */
label.rating {
  border: 1px solid #4444CC !important;
  padding: 2px 5px !important;
}
label.rating:hover {
  background-color: #4444CC !important;
}

/* move the comments buttons closer to the text box - from tweaked */
#delete-comment, #update-comment, #new-comment {
  margin-top: -1em !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;
}

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

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

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

}



@-moz-document url-prefix(http://userstyles.org/user/) , url-prefix("https://userstyles.org/user/") {

#header-bar + h1 + ul {
  margin-top: 0 !important;
}

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


/* move "comment's on others'" right - doesn't work anymore
#style-list + h2,
#style-list + h2 + ul {
  max-width: 47% !important;
  float: left !important;
  clear: left !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: right !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: -1.25em !important;
}
*/
}

/* makes label text smaller to increase size of text area - from tweaked */
label, th {
  font-size: small !important;
  white-space: normal !important;
}



@-moz-document url-prefix(http://userstyles.org/style/new),
url-prefix(http://userstyles.org/style/edit),
url-prefix(http://userstyles.org/style/update) , url-prefix("https://userstyles.org/style/new"), url-prefix("https://userstyles.org/style/edit"), url-prefix("https://userstyles.org/style/update") {

/* moves elements around a little to make the new save button position work - from tweaked */
#header-bar + p  {
  text-align: center !important;
  margin: 1em 0em 2em 0em !important;
  font-size: large !important;
}

/* lemon color for other boxes */
#short-description,
#long-description,
#css,
#before-screenshot-new + input,
#before-screenshot-change + input,
#after-screenshot-new + input,
#after-screenshot-change + input {
  background-color: lemonchiffon !important;
}

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

}



/* page specific - from tweaked */
@-moz-document url(http://userstyles.org/login),
               url-prefix(http://userstyles.org/user/edit_password/),
               url(http://userstyles.org/user/update_password) , url("https://userstyles.org/login"), url-prefix("https://userstyles.org/user/edit_password/"), url("https://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 }
}





/* style the forum */
@-moz-document url-prefix(http://userstyles.org/forum/) , url-prefix("https://userstyles.org/forum/") {

body {
  font-size: 1em !important;
}

/* text colors */
body,
h1,
h2,
table,
td,
legend,
label,
#AccountProfile,
#AccountHistory,
.CommentBody,
.CommentBody * {
  color: #fff !important;
}

#Panel,
#Panel a,
#AboutVanilla,
#Discussions > li,
#Discussions > li > ul,
#frmPostDiscussion,
#frmPostComment,
#Form form,
.CommentBody blockquote {
  background: none !important;
}

#Session {
  top: 3px !important;
  right: 35px !important;
  color: #BBBBBB !important;
}

#Header {
  background: navy !important;
  border: 1px solid #4444CC !important;
  border-top: none !important;
  -moz-border-radius-bottomleft: 10px !important;
  -moz-border-radius-bottomright: 10px !important;
  padding: 0 20px !important;
}

#Header a {
  color: white !important;
}

#Header > h1 {
  margin: 0 0 1px 1px !important;
  background: transparent url(chrome://stylish/skin/bigicon.png) center left no-repeat !important;
  padding: 11px 0 14px 32px !important;
  color: white !important;
  font-size: xx-large !important;
  text-align: left !important;
}

#Header > ul {
  margin-top: -22px !important;
  text-align: right !important;
}

#Header > ul > li {
  border: none !important;
  background-color: transparent !important;
}

#Header > ul > li > a {
  border: 1px solid #4444CC !important;
  border-bottom: none !important;
  -moz-border-radius-topleft: 5px !important;
  -moz-border-radius-topright: 5px !important;
  background-color: transparent !important;
  padding: 0 10px !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

#Header > ul > li > a:hover {
  background-color: #4444CC !important;
}


#Header > ul > li.TabOn > a {
  background-color: white !important;
  color: #83A2D1 !important;
  border-bottom: 1px solid white !important;
}

#Panel p {
  margin: 20px auto !important;
}

#CommentBoxController {
  border: 1px solid #4444CC !important;
  background: none !important;
  margin: -8px -4px 0 0 !important;
  -moz-border-radius: 5px !important;
}

#CommentBoxController:hover {
  background-color: #4444CC !important;
}

#CommentBox {
  width: 100% !important;
}

#Content .Top {
  white-space: normal !important;
  overflow: visible !important;
}

#Content .Top > .PageInfo {
  border-top: 0 !important;
  border-bottom: 1px solid #CCCCCC !important; 
  margin-bottom: -5px !important;
}

#Content .Top > .PageInfo > p {
  float: none !important;
  display: block !important;
  text-align: left !important;
}

#Content .Top > .PageInfo > .PageList {
  margin-top: -23px !important;
}

#Content .Middle > .PageInfo,
#Content .Bottom > .PageInfo {
  border-bottom: 0 !important;
}

#Categories > li {
  background: none !important;
  color: white !important;
}

#SearchDiscussions,
#SearchComments {
  border-bottom: none !important;
}

.ContentInfo h1 {
  font-size: 2em !important;
}
.ContentInfo h1 * {
  font-size: inherit !important;
}

#Discussions {
  margin-top: 0 !important;
}

.Description,
.Description strong,
.Description i,
#CustomInfo li,
#Form.Account label small,
#SimpleSearchRadios {
  color: #DFAD72 !important;
}

.DiscussionType {
  color: #BBBBBB !important;
}

#Form.AddComments {
  margin-top: 1em !important;
}

#Form li {
  color: #BBBBBB !important;
}

/* quotes */
.CommentBody blockquote,
.CommentBody code {
  border-left: 1px solid #CCCCCC !important;
  background-color: #256039 !important;
}

.CommentBody blockquote blockquote {
  border-bottom: 1px solid #CCCCCC !important;
  border-right: 1px solid #CCCCCC !important;
  border-left: 1px solid #CCCCCC !important;
}

.CommentBody blockquote cite {
  border-bottom: 1px solid #CCCCCC !important;
}

/* Weishun: <blink>Great! Now we can be really annoying. 8-þ</blink> */
/* LOL, pwned */
.CommentBody blink {
  text-decoration: none !important;
}

}


@-moz-document url(http://userstyles.org/apps/ads.html) , url("https://userstyles.org/apps/ads.html") {
body {
  padding: 0 !important;
}
}