style.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. /*
  2. * Top Posts Widget styles for Jetpack
  3. */
  4. /* 2-Column Grid Layout */
  5. .widgets-grid-layout {
  6. width: 100%;
  7. }
  8. .widgets-grid-layout:before,
  9. .widgets-grid-layout:after {
  10. content: " ";
  11. display: table;
  12. }
  13. .widgets-grid-layout:after {
  14. clear: both;
  15. }
  16. .widget-grid-view-image {
  17. float: left;
  18. max-width: 50%;
  19. }
  20. .widget-grid-view-image a {
  21. display: block;
  22. margin: 0 2px 4px 0;
  23. }
  24. .widget-grid-view-image:nth-child(even) {
  25. float: right;
  26. }
  27. .widget-grid-view-image:nth-child(even) a {
  28. margin: 0 0 4px 2px;
  29. }
  30. .widgets-grid-layout .widget-grid-view-image img {
  31. max-width: 100%;
  32. height: auto;
  33. }
  34. /* Multi-Column Grid Layout */
  35. .widgets-multi-column-grid ul {
  36. overflow: hidden;
  37. padding: 0;
  38. margin: 0;
  39. list-style-type: none;
  40. }
  41. .widgets-multi-column-grid ul li {
  42. background: none;
  43. clear: none;
  44. float: left;
  45. margin: 0 -5px -3px 0;
  46. padding: 0 8px 6px 0;
  47. border: none;
  48. list-style-type: none !important;
  49. }
  50. .widgets-multi-column-grid ul li a {
  51. background: none;
  52. margin: 0;
  53. padding: 0;
  54. border: 0;
  55. }
  56. .widgets-multi-column-grid .avatar {
  57. vertical-align: middle;
  58. }
  59. /* List Layout */
  60. .widgets-list-layout {
  61. padding: 0;
  62. margin: 0;
  63. list-style-type: none;
  64. }
  65. .widgets-list-layout li:before,
  66. .widgets-list-layout li:after {
  67. content:"";
  68. display:table;
  69. }
  70. .widgets-list-layout li:after {
  71. clear:both;
  72. }
  73. .widgets-list-layout li {
  74. zoom:1;
  75. margin-bottom: 1em;
  76. list-style-type: none !important;
  77. }
  78. .widgets-list-layout .widgets-list-layout-blavatar {
  79. float: left;
  80. width: 21.276596%;
  81. max-width: 40px;
  82. height: auto;
  83. }
  84. .widgets-list-layout-links {
  85. float: right;
  86. width: 73.404255%;
  87. }
  88. .widgets-list-layout span {
  89. opacity: 0.5;
  90. }
  91. .widgets-list-layout span:hover {
  92. opacity: 0.8;
  93. }