Skip to content

Instantly share code, notes, and snippets.

@5thWall
Last active December 21, 2015 01:29
Show Gist options
  • Save 5thWall/6228016 to your computer and use it in GitHub Desktop.
Save 5thWall/6228016 to your computer and use it in GitHub Desktop.
CSS Stylsheet for /r/FATErpg
/* Change header size */
#header-img {
width: 150px;
height: auto;
}
/* end header */
/* Change vote icons */
.arrow.upmod {
background:url(%%votes%%);
background-position: 0px 0px;
}
.arrow.up {
background: url(%%votes%%);
background-position: 0px -24px;
}
.arrow.downmod {
background: url(%%votes%%);
background-position: 0px -48px;
}
.arrow.down {
background: url(%%votes%%);
background-position: 0px -72px;
}
/* end vote icons*/
/* Change subscribers text */
.subscribers .word, .users-online .word {
display: none;
}
.subscribers .number:after {
content: " squirrel mechanics";
}
.users-online .number:after {
content: " repairing cybernetic super-intelligent apes";
}
/* end change subscribers text */
/* dividing bar under logo */
#header {
-moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px 0px 10px #888;
box-shadow: 0px 0px 10px #888;
margin:0px;
padding:0;
border-bottom:none;
width:100%;
z-index:100;
}
/* end logo bar*/
/* Report Button Help */
.report-button:hover:after {
position: absolute;
white-space: normal;
display: block;
z-index: 1000;
width: 350px;
padding: 5px;
border: 0px solid #333;
background: #fca;
content: "Please also message the moderators a link and reason why you are reporting this, thanks. ";
text-align: center;
font-size: 10px;
color: red;
margin-left: 25px;
margin-top: 5px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius: 4px
}
/* End report button help */
/* SUBMIT BUTTON */
/* from /r/mindashq */
.sidebox.submit {
width: 300px;
}
body:not(.listing-page) .morelink {
border-color: #5ba2fd!important;
border-radius: 2px!important;
background: none transparent;
background-color: #acd9fc;
background-image: -webkit-linear-gradient(top,#acd9fc,#8ccbfc)!important;
background-image: -moz-linear-gradient(top,#acd9fc,#8ccbfc)!important;
background-image: linear-gradient(top,#acd9fc,#8ccbfc)!important;
color: #2154a3;
}
body:not(.listing-page) .morelink a {
color: #2154a3!important;
text-shadow: 1px 1px 2px #eee;
}
body .morelink {
padding: 4px 10px;
border-color: #3079ed!important;
border-radius: 2px!important;
background: none transparent;
background-color: #5ba2fd;
background-image: -webkit-linear-gradient(top,#5ba2fd,#4b8adb)!important;
background-image: -moz-linear-gradient(top,#5ba2fd,#4b8adb)!important;
background-image: linear-gradient(top,#5ba2fd,#4b8adb)!important;
color: #fff;
font-weight: normal;
letter-spacing: 0;
}
body .morelink:hover,
body:not(.listing-page) .morelink:hover {
border-color: #08c;
background: none transparent;
background-color: #357ae8;
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8)!important;
background-image: -moz-linear-gradient(top,#4d90fe,#357ae8)!important;
background-image: linear-gradient(top,#4d90fe,#4787ed)!important;
color: #fff;
}
body .morelink a {
color: #fff!important;
font-weight: bold;
font-size: 16px;
text-shadow: 1px 1px 2px #0f0f0f;
}
body .morelink a:hover,
body:not(.listing-page) .morelink:hover a,
body:not(.listing-page) .morelink a:hover {
color: #fff!important;
text-shadow: 1px 1px 2px #0f0f0f!important;
}
body .morelink .nub,
body .morelink:hover .nub,
body .disabled .morelink .nub,
body .disabled .morelink:hover .nub {
background: none transparent!important;
}
body .disabled .morelink,
body .disabled .morelink:hover {
border-color: #f5f5f5!important;
background-color: #eee;
background-image: none!important;
}
body .disabled .morelink a,
body .disabled .morelink a:hover {
color: #aaa!important;
text-shadow: none!important;
cursor: default!important;
}
/* END SUBMIT BUTTONS */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment