magnetic star

glecode.com/svn/trunk/jfflatfont/JF-Flat-regular.ttf') format('truetype');} .postauthor { background: #f8f8f8; border: 1px solid #3598DB; padding: 10px; overflow: hidden; margin: 4px 0px -7px 0px; } .postauthor img { float: right; background: #fff; margin: 0 0 0 8px; padding: 4px; border: 1px solid #E0E0E0; border-radius: 3px; } .postauthor h4 { font: normal 14px JF-Flat-regular; color: #3D5272; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOwgl4HMPJDBM3PCsSEuAVcSN639gMNAuem0wprHCze1drGkDUXDTAxfBmYg9vg8SDcUh7JrTLnPRIjZesB-Br61xZDmuwr_eG7nrM6KWhzFMCyYVKYPiF6S3kk31MRtNC2l5YP4nqQj92/s1600/user.png) no-repeat 84% 50%; padding: 0 125px 0; } .postauthor a { color: #5DA86C; font-size: 14px; padding-right: 2px; } .postauthor p { font: normal 13px JF-Flat-regular; color: #34495e; line-height: 2em; text-shadow: 0 1px 0 #fff; } /*----------social postauthor------------*/ #social_postauthor { margin: 16px 0 0; overflow: hidden; background: #fff; padding: 4px; border-radius: 3px; border: 1px solid #ddd; } #social_postauthor ul{margin:0;padding:0;overflow:hidden;} #social_postauthor ul li { float: right; padding: 0; margin: 3px 2px; border-radius: 2px; transition: 0.5s; } #social_postauthor ul li a{ display: inline-block; float: right; font-size: 0; height: 30px; line-height: 0; text-indent: -9999em; width: 30px; transition:0.5s; } #social_postauthor ul li:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -moz-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Safari and Chrome */ transition:0.5s; } #social_postauthor ul li span{ font: normal 13px JF-Flat-regular; text-shadow: 0 1px 0 #fff; padding: 4px 4px 4px 4px; } #social_postauthor .txt { padding: 4px 0; } #social_postauthor .fb { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidutE6WroAGMN2yojwPST4duP0Y09LQh2uWcJUuwJa9BchJTeiVlK7J7wJgWNzPdRsp0MOn6HacEel9nuBaMVYbJ9hohBDlB5RRJsii_XTX0TPqGMxnI2NUPQkNVFeRgftStvrAQHq7MU/s1600/fb.png) no-repeat 50% center; background-color: #003366; } #social_postauthor .tw { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgUZ_Ac8sRpPjzYV_9lxDEKujsc2d-OKrqughUN3GbglnpIvnoTqUGvv2wizoW9oEc5PsiusA37hV8uIM9ikt4dMXLsJT8LbXX3ltp5HEAdhSa79Y6ZIo-hLy_J54hHQBTbfoOd9MpNUY/s1600/tw.png) no-repeat 50% center; background-color: #0ba6f7; } #social_postauthor .gl { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-1wZjgJx6QIse1uhesH3dtofJtCo8x2QFvzoYvfAYzrGHyNhA0-hctSkyn3vHxDn2mMZraZI3PG_0AKnXIqWkWsDuQR41zWXWsjy_x4tK4Zd8VCsGDlmccIHuDc6qrB1oN1kZewmPYuk/s1600/g.png) no-repeat 50% center; background-color: #dc311b; } .subspabox { background: #f8f8f8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-bjNAN6F3vo9NmZWqIkNlctEBdU8v4CzZLk0Ro38uyo5uIaDUtwsEBppqtBxr1Y8vt-1G_Gdzf29qcdej55k8tv7vQQWNJ0pnqS_qYvSDK8dfExLZ_GXZLKUUEGYW38uKz5tqyQBAZM/s1600/contact-gr.png) no-repeat 98% 50%; font-family: JF-Flat-regular; color: #293949; margin: 0; width: 62%; text-align: right; padding: 4px 25px 6px 0; border: 1px solid #ddd; border-radius: 3px; float: left; } .emo { vertical-align: middle; cursor: pointer; box-shadow: none; font: inherit; } .emoKey { border: none; padding: 1px; width: 2em; line-height: 1; margin: -2px 0 -2px 4px; box-shadow: none; font-weight: bold; } .emotki { margin:10px 0; width:100%; text-align:center; display: inline-block; }}