Advertisement
KatyTonnel

Blockquote efeito arredondado

Jan 27th, 2018
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.58 KB | None | 0 0
  1. /*BLOCKQUOTE*/
  2. .post blockquote {
  3. padding: 10px 10px;     /* nao mexa  */
  4. background:#7d3231;     /* COR DE FUNDO  */
  5. boder-top: 3px solid #000000;     /* Cor da barra de baixo */
  6. border-radius:2px;     /* Arredondamento do gadget */
  7. border-bottom: 1px solid #000000;     /* COR DA BORDA  */
  8. border-top: 1px solid #000000;      /* COR DA BORDA  */
  9. border-right: 7px solid #000000;    /* COR DA BORDA  */
  10. border-left: 7px solid #000000;    /* COR DA BORDA  */
  11. transition-duration: 2s;       /* nao mexa  */
  12. -moz-transition-duration: 2s;    /* nao mexa  */
  13. -webkit-transition-duration: 2s;     /* nao mexa  */
  14. -moz-border-radius: 30px 10px / 10px 30px;    /* nao mexa  */
  15. border-radius: 0px 0px / 10px 30px;      /* nao mexa  */
  16. }
  17. .post blockquote:hover {
  18. border-left: 7px solid #000000;     /* COR DA BORDA  */
  19. border-right: 7px solid #000000;     /* COR DA BORDA  */
  20. border-top: 1px solid #000000;       /* COR DA BORDA  */
  21. border-bottom: 1px solid #000000;    /* COR DA BORDA  */
  22. transition-duration: 2s;         /* nao mexa  */
  23. -moz-transition-duration: 2s;       /* nao mexa  */
  24. -webkit-transition-duration: 2s;      /* nao mexa  */
  25. -moz-border-radius: 10px 30px / 30px 10px;     /* nao mexa  */
  26. border-radius: 10px 30px / 30px 10px;         /* nao mexa  */
  27. }
  28. .sidebar blockquote {
  29. padding: 5px 10px;       /* nao mexa  */
  30. background:#4a0f0e;    /* COR DE FUNDO  */
  31. boder-top: 3px solid #000000;      /* Cor da barra de baixo */
  32. border-radius:2px;                /* Arredondamento do gadget */
  33. border-bottom: 0px solid #000000;     /* COR DA BORDA  */
  34. border-top: 0px solid #000000;         /* COR DA BORDA  */
  35. border-right: 7px solid #000000;        /* COR DA BORDA  */
  36. border-left: 7px solid #000000;         /* COR DA BORDA  */
  37. transition-duration: 2s;               /* nao mexa  */
  38. -moz-transition-duration: 2s;          /* nao mexa  */
  39. -webkit-transition-duration: 2s;         /* nao mexa  */
  40. -moz-border-radius: 30px 10px / 10px 30px;        /* nao mexa  */
  41. border-radius: 0px 0px / 10px 30px;          /* nao mexa  */
  42. }
  43. .sidebar blockquote:hover {
  44. border-left: 7px solid #7e2c2c;      /* COR DA BORDA  */
  45. border-right: 7px solid #7e2c2c;     /* COR DA BORDA  */
  46. border-top: 0px solid #ffffff;       /* COR DA BORDA  */
  47. border-bottom: 0px solid #ffffff;     /* COR DA BORDA  */
  48. transition-duration: 2s;                /* nao mexa  */
  49. -moz-transition-duration: 2s;           /* nao mexa  */
  50. -webkit-transition-duration: 2s;         /* nao mexa  */
  51. -moz-border-radius: 10px 30px / 30px 10px;        /* nao mexa  */
  52. border-radius: 10px 30px / 30px 10px;            /* nao mexa  */
  53. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement