Created
November 11, 2014 21:34
-
-
Save jewel-andraia/816a310f5894ce37073d to your computer and use it in GitHub Desktop.
css sticky from @allthefoxes
This file contains hidden or 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
/* 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