Advertisement
KatyTonnel

Blockquote Dark

Jan 27th, 2018
238
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.62 KB | None | 0 0
  1. */  Blockquote
  2. -------------------------------------------*/
  3. .post blockquote {
  4. text-transform:uppercase;/* nao mexa  */
  5. display : block;/* nao mexa  */
  6. font-size: 12px;/* tamanho da fonte */
  7. font-family:PF Arma Five;/* nome da fonte */
  8. line-height: 20px; /* nao mexa  */
  9. text-indent : 5px; /* nao mexa  */
  10. vertical-align : middle; /* nao mexa  */
  11. background: #d3d1d1;/* cor do bg hover*/
  12. text-align:left; /* alinhamento do texto */
  13. -webkit-transition-duration: .80s;;/* nao mexa  */
  14. margin-bottom:10px;/* nao mexa  */
  15. padding-left:5px;/* nao mexa  */
  16. color: #16495b;/* cor do texto */
  17. }
  18. .post blockquote:hover {
  19. vertical-align : middle;/* nao mexa  */
  20. text-align:left;/* alinhamento do texto */
  21. -webkit-transition-duration: .80s;/* nao mexa  */
  22. color:#6e0023;/* cor do texto hover */
  23. padding-left : 15px;/* nao mexa  */
  24. text-shadow: 1px 1px 1px #c9c9c9; /* sombra hover */
  25. border-right:#399d57 40px solid;/* borda hover */
  26. }
  27. .post blockquote {
  28. text-transform:uppercase;/* nao mexa  */
  29. display : block;/* nao mexa  */
  30. font-size: 12px;/* tamanho da fonte */
  31. font-family:PF Arma Five;/* nome da fonte */
  32. line-height: 20px; /* nao mexa  */
  33. text-indent : 5px; /* nao mexa  */
  34. vertical-align : middle; /* nao mexa  */
  35. background: #d3d1d1;/* cor do bg hover*/
  36. text-align:left; /* alinhamento do texto */
  37. -webkit-transition-duration: .80s;;/* nao mexa  */
  38. margin-bottom:10px;/* nao mexa  */
  39. padding-left:5px;/* nao mexa  */
  40. color: #aaa;/* cor do texto */
  41. }
  42. .post blockquote:hover {
  43. vertical-align : middle;/* nao mexa  */
  44. text-align:left;/* alinhamento do texto */
  45. -webkit-transition-duration: .80s;/* nao mexa  */
  46. color:#6e0023;/* cor do texto hover */
  47. padding-left : 15px;/* nao mexa  */
  48. text-shadow: 1px 1px 1px #c9c9c9; /* sombra hover */
  49. border-right:#e6e0023  60px solid;/* borda hover */
  50. }
  51.  
  52. */ Blockqiote sidebar
  53. -------------------------------------------------------*/
  54. .sidebar blockquote {
  55. text-transform:uppercase;/* nao mexa  */
  56. display : block;/* nao mexa  */
  57. font-size: 11px;/* tamanho da fonte */
  58. font-family:PF Arma Five;/* nome da fonte */
  59. line-height: 22px; /* nao mexa  */
  60. text-indent : 5px; /* nao mexa  */
  61. vertical-align : middle; /* nao mexa  */
  62. background: #d3d1d1;;/* cor do bg hover*/
  63. text-align:left; /* alinhamento do texto */
  64. -webkit-transition-duration: .80s;;/* nao mexa  */
  65. margin-bottom:10px;/* nao mexa  */
  66. padding-left:5px;/* nao mexa  */
  67. color: #aaa;/* cor do texto */
  68. }
  69. .sidebar blockquote:hover {
  70. vertical-align : middle;/* nao mexa  */
  71. text-align:left;/* alinhamento do texto */
  72. -webkit-transition-duration: .80s;/* nao mexa  */
  73. color:#6e0023;/* cor do texto hover */
  74. padding-left : 15px;/* nao mexa  */
  75. text-shadow: 1px 1px 1px #c9c9c9; /* sombra hover */
  76. border-right:#6e0023  50px solid;/* borda hover */
  77. }
  78. .sidebar blockquote {
  79. text-transform:uppercase;/* nao mexa  */
  80. display : block;/* nao mexa  */
  81. font-size: 11px;/* tamanho da fonte */
  82. font-family:PF Arma Five;/* nome da fonte */
  83. line-height: 22px; /* nao mexa  */
  84. text-indent : 5px; /* nao mexa  */
  85. vertical-align : middle; /* nao mexa  */
  86. background: #d3d1d1;;/* cor do bg hover*/
  87. text-align:left; /* alinhamento do texto */
  88. -webkit-transition-duration: .80s;;/* nao mexa  */
  89. margin-bottom:10px;/* nao mexa  */
  90. padding-left:5px;/* nao mexa  */
  91. color: #aaa;/* cor do texto */
  92. }
  93. .sidebar blockquote:hover {
  94. vertical-align : middle;/* nao mexa  */
  95. text-align:left;/* alinhamento do texto */
  96. -webkit-transition-duration: .80s;/* nao mexa  */
  97. color:#6e0023;/* cor do texto hover */
  98. padding-left : 15px;/* nao mexa  */
  99. text-shadow: 1px 1px 1px #c9c9c9; /* sombra hover */
  100. border-right:#6e0023  60px solid;/* borda hover */
  101. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement