dimaslanjaka

popular post

Mar 4th, 2017
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.42 KB | None | 0 0
  1. .sidebar .PopularPosts ul {
  2. padding: 0;
  3. }
  4. .sidebar .PopularPosts ul li:first-child{
  5. width: 100%;
  6. max-height: 100%;
  7. opacity: 0.9;
  8. }
  9. .sidebar .PopularPosts ul li:nth-child(even){
  10. margin-right: 2%;
  11. }
  12. .sidebar .PopularPosts ul li {
  13. box-sizing: border-box;
  14. position: relative;
  15. padding: 0px !important;
  16. width: 49%;
  17. max-height: 120px;
  18. opacity: 0.4;
  19. overflow:hidden;
  20. float: left;
  21. margin-bottom: 2%;
  22. -webkit-transition: all 0.5s ease 0s;
  23. -moz-transition: all 0.5s ease 0s;
  24. -ms-transition: all 0.5s ease 0s;
  25. -o-transition: all 0.5s ease 0s;
  26. transition: all 0.5s ease 0s;
  27. }
  28. .sidebar .PopularPosts ul li:hover {
  29. opacity: 1;
  30. }
  31. .sidebar .PopularPosts .item-thumbnail {
  32. margin: 0;
  33. width: 100%;
  34. }
  35. .sidebar .PopularPosts ul li img {
  36. box-sizing: border-box;
  37. width: 100%;
  38. height: 100%;
  39. object-fit: cover;
  40. padding:0;
  41. }
  42. .sidebar .PopularPosts .item-content:hover .item-title a,
  43. .sidebar .PopularPosts .item-thumbnail-only:hover .item-title a {
  44. visibility: visible;
  45. opacity: 1;
  46. }
  47. .sidebar .PopularPosts .item-title a {
  48. color: #fff;
  49. background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.93) 100%, rgba(0, 0, 0, 0.85) 100%);
  50. text-decoration: none;
  51. position: absolute;
  52. text-align: center;
  53. font: 13px 'Oswald', sans-serif;
  54. left: 0;
  55. right: 0;
  56. bottom: 0%;
  57. padding: 100px 10px 10px;
  58. opacity: 0;
  59. visibility: hidden;
  60. }
  61. .sidebar .PopularPosts .item-snippet {
  62. display: none;
  63. }
Advertisement
Add Comment
Please, Sign In to add comment