1º parte Código de Parceria (esquerda) - Encasulada | Tumblr

/**CÓDIGO DA PARCERIA E TUTORIAL TOTALMENTE POR ENCASULADA.TUMBLR.COM
SÓ MEXA NESSA PARTE SE SOUBER REALMENTE O QUE ESTÁ FAZENDO!**/
.parcerias{ position: fixed; bottom: 30px; left:-157px; width: 150px; font-size:28px; text-align:center; line-height:24px; font-family:'French Script MT', cursive; padding:5px; background: transparent; border-radius: 8px 8px 0px 0px; z-index:99999999; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg)}

.parcerias:hover{left:0px; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg)}

.fparc { float:center; width:38px; height:38px; border:1px solid #aaa;
    border-radius: 100%; webkit-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);}
.fparc:hover { border-radius: 15%; webkit-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear;  transition: all 0.4s linear; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);}
/**CÓDIGO DA PARCERIA E TUTORIAL TOTALMENTE POR ENCASULADA.TUMBLR.COM**/