{"sections":[{"urls":[],"urlPrefixes":["https://www.tumblr.com/"],"domains":[],"regexps":[],"code":"@keyframes blink {\r\n  0% {opacity: 1}\r\n  50%, 100% {opacity: 0}\r\n  }\r\n\r\n@keyframes chase {\r\n  0% {opacity: 0}\r\n  17%,100% {opacity: 1}\r\n  }\r\n\r\n@-webkit-keyframes blink {\r\n  0% {opacity: 1}\r\n  50%, 100% {opacity: 0}\r\n  }\r\n  \r\n@-webkit-keyframes chase {\r\n  0% {opacity: 0}\r\n  17%,100% {opacity: 1}\r\n  }\r\n\r\n/*  .post \u003e .arrow,\r\n  .avatar_and_i \u003e A,\r\n  .avatar_and_i {*/\r\n.post_avatar \u003e A,\r\n.post_avatar,\r\n.post {\r\n  animation-duration: inherit;\r\n  animation-delay: inherit;\r\n  -webkit-animation-duration: inherit;\r\n  -webkit-animation-delay: inherit;\r\n  }\r\n\r\n/*  .post \u003e .arrow:before, .post \u003e .arrow:after,\r\n  .avatar_and_i \u003e A:before, .avatar_and_i \u003e A:after,\r\n  .avatar_and_i:before, .avatar_and_i:after {*/\r\n\r\n.post_avatar \u003e A:before, .post_avatar \u003e A:after,\r\n.post_avatar:before, DIV.post \u003e .post_avatar:after,\r\n.post_container .post:before, .post_container .post:after {\r\n  content: \"\"; position: absolute; top: -2px;\r\n  display: inline-block;\r\n  width: 10px!important; height: 10px!important;\r\n  border: 0.5px solid rgba(255,255,255,0.25)!important;\r\n  border-radius: 10px;\r\n  border-top-color: black!important;\r\n  border-top-width: 2px!important;\r\n    -webkit-animation: blink steps(1,end) infinite;\r\n    -webkit-animation-delay: inherit;\r\n    -webkit-animation-duration: inherit;\r\n    animation: blink steps(1,end) infinite;\r\n    animation-delay: inherit;\r\n    animation-duration: inherit;\r\n  }\r\n\r\n  /* blink; each avatar blinks a little differently... */\r\n/*  .post:nth-of-type(odd) {animation-duration: 2s; animation-delay: 0s}\r\n  .post:nth-of-type(even) {animation-duration: 2.1s; animation-delay: 1s*/\r\n.post_container:nth-of-type(odd) \u003e .post {\r\n  -webkit-animation-duration: 2s;\r\n  -webkit-animation-delay: 0s;\r\n  animation-duration: 2s;\r\n  animation-delay: 0s;\r\n  }\r\n.post_container:nth-of-type(even) \u003e .post {\r\n  -webkit-animation-duration: /*2.1s*/2s; \r\n  -webkit-animation-delay: 1s;\r\n  animation-duration: /*2.1s*/2s; \r\n  animation-delay: .5s;/*[[sync]]*/\r\n  }\r\n\r\n/*  .sub_avatar.sub_avatar:before, .sub_avatar.sub_avatar:after {\r\n    width: 5px; height: 5px;\r\n  }\r\n  .sub_avatar.sub_avatar:before {\r\n    top: -2.5px; right: 0; left: auto;\r\n  }\r\n  .sub_avatar.sub_avatar:after {\r\n    top: 10px; right: -2.5px;\r\n  }*/\r\n  .post_avatar \u003e .post_sub_avatar:before,\r\n  .post_avatar \u003e .post_sub_avatar:after {\r\n    width: /*5*/7px!important; height: /*5*/7px!important;\r\n    -webkit-animation-delay: .5s;\r\n    animation-delay: .5s;\r\n  }\r\n  .post_sub_avatar:before {\r\n    top: -2.5px; right: 0; left: auto;\r\n    background: red;\r\n  }\r\n  .post_sub_avatar:after {\r\n    top: 10px; /*right: -2.5px;*/left: 0;\r\n    background: yellow;\r\n  }\r\n\r\n@media (max-width:0) {\r\n/*1*/.post \u003e .arrow:before {left: -76px; z-index: 1; background-color: /*blue*/rgb(48,61,236);}\r\n/*6*/.post \u003e .arrow:after {left: -18px; z-index: 1; background-color: /*blue*/rgb(48,61,236);}\r\n/*2*/.avatar_and_i:before {top: -2px; left: -2px; background-color: /*green*/rgb(17,209,61);}\r\n/*5*/.avatar_and_i:after {top: -2px; right: -2px; background: /*red*/rgb(255,0,0);}\r\n/*3*/.avatar_and_i \u003e A:before {top: 0px; left: 17px; background: /*yellow*/rgb(247,209,12);}\r\n/*4*/.avatar_and_i \u003e A:after {top: 0px; right: 17px; background: /*orange*/rgb(255,85,0);}\r\n}\r\n/*1*/.post_container \u003e .post:before {left: -87px; top:17px; z-index: 1; background-color: /*blue*/rgb(48,61,236);}\r\n/*6*/.post_container \u003e .post:after {left: -31px; top:17px; z-index: 1; background-color: /*blue*/rgb(48,61,236);}\r\n/*2*/.post_avatar:before {top: -2px; left: -2px; background-color: /*green*/rgb(17,209,61);}\r\n/*5*/DIV.post \u003e .post_avatar:after {top: -2px/*--!important--*/; right: -2px; background: /*red*/rgb(255,0,0)/*--!important;left:auto!important;margin:0!important--*/;}\r\n/*3*/.post_avatar \u003e A.post_avatar_link:before {top: 0px; left: 17px; background: /*yellow*/rgb(247,209,12);}\r\n/*4*/.post_avatar \u003e A.post_avatar_link:after {top: 0px; right: 17px; background: /*orange*/rgb(255,85,0);}"}],"url":"http://userstyles.org/styles/80517","updateUrl":"https://userstyles.org/styles/chrome/80517.json","md5Url":"https://update.userstyles.org/80517.md5","originalMd5":"7d516be873cfb87f3a335d35407c10a5","name":"Christmas lights for Tumblr avatars","thumbnail":"https://userstyles.org/style_screenshots/80517_after.png?r=1770861633"}