{"sections":[{"urls":[],"urlPrefixes":[],"domains":["plus.google.com"],"regexps":[],"code":"@namespace url(http://www.w3.org/1999/xhtml);\n@-webkit-keyframes fadeIn{\r\n  0%{opacity:0}\r\n  100%{opacity:1}\r\n}\r\n\r\n#content{\r\n  -webkit-animation-name: fadeIn;\r\n  -webkit-animation-duration: 1s;\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none;\r\n  -webkit-animation-play-state: ranning;\r\n  -webkit-animation-delay: 0;\r\n}\r\n\r\n@-webkit-keyframes heightanime {\r\n  0%{max-width:48px; max-height:48px; opacity:0.8}\r\n  20%{max-height:36px; max-width:36px;}\r\n  100%{ max-width:1000px; max-height:700px;opacity:1 }\r\n}\r\n\r\ndiv[id^=\"update-\"]{\r\n  -webkit-animation-name: heightanime;\r\n  -webkit-animation-duration: 1.2s;\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none;\r\n  -webkit-animation-play-state: ranning;\r\n  -webkit-animation-delay: 0;\r\n  opacity:1;\r\n  max-width:none;\r\n  max-height:none;\r\n}\r\n\r\n.Tx{\r\n  -webkit-transition: 1s ease-in-out;\r\n  max-height:50px;\r\n  overflow:hidden;\r\n}\r\n\r\n.Tx:hover{\r\n  -webkit-transition: 1.5s linear;\r\n  max-height:800px;\r\n}\r\n@-webkit-keyframes hoveranime1 {\r\n  0%{height:48px; width: 48px; margin-left: -86px; margin-top: -20px; border-radius: 5px;\r\noutline:none;}\r\n  10%{-webkit-transform:scaleX(-1);}\r\n  100%{height:84px; width: 84px; margin-left: -103px; margin-top:-37px; border-radius:20px;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes hoveranime2 {\r\n  0%{height:84px; width: 84px; margin-left: -103px; margin-top:-37px; border-radius:20px;}\r\n  10%{-webkit-transform:scaleY(-1);}\r\n  100%{height:48px; width: 48px; margin-left: -86px; margin-top: -20px; border-radius: 5px;}\r\n}\r\n\r\n#contentPane \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img ,\r\n#contentPane \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img{\r\nborder: 0;\r\nfloat: left;\r\nmargin-left: -86px;\r\nmargin-top: -20px;\r\n  -webkit-animation-name: hoveranime2;\r\n  -webkit-animation-duration: 0.5s;\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none;\r\n  -webkit-animation-play-state: ranning;\r\n  -webkit-animation-delay: 0;\r\n  border-radius: 5px;\r\nheight: 48px;\r\nwidth: 48px;\r\n}\r\n\r\n#contentPane \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img:hover,\r\n#contentPane \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img:hover {\r\n  -webkit-animation-name: hoveranime1;\r\n  -webkit-animation-duration: 0.5s;\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none;\r\n  -webkit-animation-play-state: ranning;\r\n  -webkit-animation-delay: 0;\r\n  border-radius:20px;\r\nmargin-left: -103px;\r\nmargin-top: -37px;\r\nheight: 84px;\r\nwidth: 84px;\r\n}\r\n\r\n\r\n#contentPane \u003e div \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img ,\r\n#contentPane \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img{\r\nborder: 0;\r\nfloat: left;\r\nmargin-left: -86px;\r\nmargin-top: -20px;\r\n  -webkit-animation-name: hoveranime2;\r\n  -webkit-animation-duration: 0.5s;\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none;\r\n  -webkit-animation-play-state: ranning;\r\n  -webkit-animation-delay: 0;\r\n  border-radius: 5px;\r\nheight: 48px;\r\nwidth: 48px;\r\n}\r\n\r\n#contentPane \u003e div \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img:hover,\r\n#contentPane \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div \u003e div[id^=\"update-\"] \u003e div \u003e div \u003e a \u003e img:hover {\r\n  -webkit-animation-name: hoveranime1;\r\n  -webkit-animation-duration: 0.5s;\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none;\r\n  -webkit-animation-play-state: ranning;\r\n  -webkit-animation-delay: 0;\r\nmargin-left: -103px;\r\nborder-radius:20px;\r\nmargin-top: -37px;\r\nheight: 84px;\r\nwidth: 84px;\r\n}\r\n\r\n@-webkit-keyframes nameanime1 {\r\n  0%{opacity:0;}\r\n  1%{ -webkit-transform:scaleY(-1) ;}\r\n  100%{opacity:1.0}\r\n}\r\n@-webkit-keyframes nameanime2 {\r\n  0%{margin-left:0px}\r\n  50%{margin-left:2px;}\r\n  100%{margin-left:0px}\r\n}\r\n\r\n\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div:first-child \u003e div \u003e span \u003e a {\r\n  display:block;\r\n\t-webkit-animation-name: nameanime1;\r\n\t-webkit-animation-delay: 0s;\r\n\t-webkit-animation-duration: 0.7s;\r\n\t-webkit-animation-iteration-count: 1;\r\n        font-size:24px;\r\n}\r\n\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div:first-child \u003e div \u003e span \u003e a:hover{\r\n  display:block;\r\n  text-decoration:none;\r\n\t-webkit-animation-name: nameanime2;\r\n\t-webkit-animation-delay: 0s;\r\n\t-webkit-animation-duration: 0.3s;\r\n\t-webkit-animation-iteration-count:infinite;\r\n}\r\n\r\ndiv[id^=\"update-\"] \u003e div:nth-child(2){\r\n  -webkit-animation-name: nameanime1;\r\n\t-webkit-animation-delay: 0s;\r\n\t-webkit-animation-duration: 0.5s;\r\n\t-webkit-animation-iteration-count: 1;\r\n}\r\n\r\n.kv{\r\n    vertical-align: none !important;\r\n}\r\n@-webkit-keyframes hoveranimepic1 {\r\n  0%{max-height:310px;}\r\n  20%{max-height:40px;}\r\n  50%{max-height:105px;}\r\n  100%{max-height:80px;}\r\n}\r\n@-webkit-keyframes hoveranimepic2 {\r\n  0%{max-height:80px ;}\r\n  100%{max-height:310px;}\r\n}\r\n\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:first-child \u003eimg,\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:first-child \u003eimg,\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:nth-child(2) \u003eimg,\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:nth-child(2) \u003eimg\r\n{\r\n  -webkit-animation-name: hoveranimepic1;\r\n  -webkit-animation-duration: 0.5s;\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none !important;\r\n  -webkit-animation-play-state: ranning !important;\r\n  -webkit-animation-delay: 0;\r\nmax-height: 80px ;\r\n}\r\n\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:first-child\u003eimg:hover ,\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:first-child\u003eimg:hover ,\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:nth-child(2) \u003eimg:hover,\r\ndiv[id^=\"update-\"] \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div+div \u003e div:first-child \u003e div:nth-child(2) \u003eimg:hover\r\n {\r\n  -webkit-animation-name: hoveranimepic2;\r\n  -webkit-animation-duration: 0.8s\r\n  -webkit-animation-iteration-count: 1;\r\n  -webkit-animation-direction: none !important;\r\n  -webkit-animation-play-state: ranning !important;\r\n  -webkit-animation-delay: 0;\r\n  max-height:310px ;\r\n}"}],"url":"http://userstyles.org/styles/53124","updateUrl":"https://userstyles.org/styles/chrome/53124.json","md5Url":"https://update.userstyles.org/53124.md5","originalMd5":"440662daae598c415b0039f2369dc050","name":"Animetion Pack for Google+"}