Skip to content

Instantly share code, notes, and snippets.

@jewel-andraia
Created November 11, 2014 21:34
Show Gist options
  • Save jewel-andraia/816a310f5894ce37073d to your computer and use it in GitHub Desktop.
Save jewel-andraia/816a310f5894ce37073d to your computer and use it in GitHub Desktop.
css sticky from @allthefoxes
/* Read the fucking stickies yeh?
------------------------------------------------------------- */
.sitetable .thing.stickied {
border: dashed 10px rgb(255, 92, 0) !important;
outline: solid 5px red;
}
.sitetable .thing.stickied .title {
font-size: 45px !important;
}
.sitetable .thing.stickied .title a {
color: rgb(90, 165, 75) !important;
}
/* Really read the fucking stickies
--------------------------------------- */
.sitetable .thing.stickied .title a {
-webkit-animation: color 2s infinite;
-webkit-animation-direction: alternate;
-moz-animation: color 2s infinite;
-moz-animation-direction: alternate;
-ms-animation: color 2s infinite;
-ms-animation-direction: alternate;
-o-animation: color 2s infinite;
-o-animation-direction: alternate;
animation: color 2s infinite;
animation-direction: alternate;
}
@-webkit-keyframes color {
from {
color: orange;
}
to {
color: green;
}
}
@-moz-keyframes color {
from {
color: orange;
}
to {
color: green;
}
}
@-ms-keyframes color {
from {
color: orange;
}
to {
color: green;
}
}
@-o-keyframes color {
from {
color: orange;
}
to {
color: green;
}
}
@keyframes color {
from {
color: orange;
}
to {
color: green;
}
}
.sitetable .thing.stickied {
-webkit-animation: colour 3s infinite;
-webkit-animation-direction: alternate;
-moz-animation: colour 3s infinite;
-moz-animation-direction: alternate;
-ms-animation: colour 3s infinite;
-ms-animation-direction: alternate;
-o-animation: colour 3s infinite;
-o-animation-direction: alternate;
animation: colour 3s infinite;
animation-direction: alternate;
}
@-webkit-keyframes colour {
from {
border-color: orange;
}
to {
border-color: green;
}
}
@-moz-keyframes colour {
from {
border-color: orange;
}
to {
border-color: green;
}
}
@-ms-keyframes colour {
from {
border-color: orange;
}
to {
border-color: : green;
}
}
@-o-keyframes colour {
from {
border-color: orange;
}
to {
border-color: green;
}
}
@keyframes colour {
from {
border-color: orange;
}
to {
border-color: green;
}
}
/* End Sticky Stuff*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment