Last active
December 21, 2015 01:29
-
-
Save 5thWall/6228016 to your computer and use it in GitHub Desktop.
CSS Stylsheet for /r/FATErpg
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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