Skip to content

Instantly share code, notes, and snippets.

@RAnders00
Created November 12, 2016 14:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RAnders00/2e3df1781922c66882b6966ebbdbea14 to your computer and use it in GitHub Desktop.
Save RAnders00/2e3df1781922c66882b6966ebbdbea14 to your computer and use it in GitHub Desktop.
.expando-button {
float: left;
height: 23px;
width: 23px;
margin: 2px 5px 2px 0;
background: transparent none no-repeat scroll center center;
cursor: pointer
}
.expando-button.expanded.video {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -341px;
background-repeat: no-repeat
}
.expando-button.expanded.video:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -312px;
background-repeat: no-repeat
}
.expando-button.expanded.selftext {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -341px;
background-repeat: no-repeat
}
.expando-button.expanded.selftext:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -312px;
background-repeat: no-repeat
}
.expando-button.collapsed.selftext {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -457px;
background-repeat: no-repeat
}
.expando-button.collapsed.selftext:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -428px;
background-repeat: no-repeat
}
.expando-button.collapsed.video {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -399px;
background-repeat: no-repeat
}
.expando-button.collapsed.video:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -370px;
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.expando-button {
background-size: 100%
}
.expando-button.expanded.video {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -26px;
background-repeat: no-repeat;
background-size: 23px 243px
}
.expando-button.expanded.video:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 23px 243px
}
.expando-button.expanded.selftext {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -26px;
background-repeat: no-repeat;
background-size: 23px 243px
}
.expando-button.expanded.selftext:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 23px 243px
}
.expando-button.collapsed.selftext {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -130px;
background-repeat: no-repeat;
background-size: 23px 243px
}
.expando-button.collapsed.selftext:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -104px;
background-repeat: no-repeat;
background-size: 23px 243px
}
.expando-button.collapsed.video {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -78px;
background-repeat: no-repeat;
background-size: 23px 243px
}
.expando-button.collapsed.video:hover {
background-image: url(sprite-expando.2qrMoUHZue8.png);
background-position: 0px -52px;
background-repeat: no-repeat;
background-size: 23px 243px
}
}
.comments-page .thing.link.spoiler .expando,
.comments-page .thing.link.over18 .expando {
display: none
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment