Skip to content

Instantly share code, notes, and snippets.

@dukwon
Last active June 23, 2016 15:46
Show Gist options
  • Save dukwon/6e56233754e74c2f018ac41d9aa43690 to your computer and use it in GitHub Desktop.
Save dukwon/6e56233754e74c2f018ac41d9aa43690 to your computer and use it in GitHub Desktop.
KiwiIRC subreddit sidebar button CSS
.titlebox .usertext-body .md em a[href^="https://kiwiirc.com/client/"] {
font-style: normal;
display: block;
text-decoration: none;
padding: 12px 12px 12px 12px;
margin: 12px 0;
border-radius: 3px;
text-align: center;
cursor: pointer;
font-size: 1.5em;
border: 1px solid #507820;
text-shadow: 1px 1px 1px #507820;
color: #fff;
background-color: #8ab746;
background-image: -webkit-linear-gradient(top, #8ab746 0%, #64932c 100%);
background-image: linear-gradient(to bottom, #8ab746 0%, #64932c 100%);
background-image: url(%%kiwi-logo%%), -webkit-linear-gradient(top, #8ab746 0%, #64932c 100%);
background-image: url(%%kiwi-logo%%), linear-gradient(to bottom, #8ab746 0%, #64932c 100%);
background-position: 12px center, center center;
background-size: 32px 32px, cover;
background-repeat: no-repeat;
}
.titlebox .usertext-body .md em a[href^="https://kiwiirc.com/client/"]:hover {
background-image: -webkit-linear-gradient(top, #9fcb5c 0%, #64932c 100%);
background-image: linear-gradient(to bottom, #9fcb5c 0%, #64932c 100%);
background-image: url(%%kiwi-logo%%), -webkit-linear-gradient(top, #9fcb5c 0%, #64932c 100%);
background-image: url(%%kiwi-logo%%), linear-gradient(to bottom, #9fcb5c 0%, #64932c 100%);
}
.titlebox .usertext-body .md em a[href^="https://kiwiirc.com/client/"]:active {
background-color: #64932c;
background-image: url(%%kiwi-logo%%);
}
*[chat with us](https://kiwiirc.com/client/irc.snoonet.org/#subreddit)*

logo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment