twentythirteen.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /* =Infinite Scroll
  2. -------------------------------------------------------------- */
  3. .infinite-wrap {
  4. border-top: 0;
  5. }
  6. /* Spinner */
  7. .infinite-loader {
  8. background-color: #e8e5ce;
  9. padding: 40px 0;
  10. }
  11. .infinite-loader .spinner {
  12. margin: 0 auto;
  13. width: 34px;
  14. height: 34px;
  15. }
  16. .sidebar .infinite-loader .spinner {
  17. padding-right: 376px;
  18. }
  19. .rtl.sidebar .infinite-loader .spinner {
  20. padding-left: 376px;
  21. padding-right: 0;
  22. }
  23. /* Click-to-load */
  24. #infinite-handle {
  25. background-color: #e8e5ce;
  26. padding: 40px 0;
  27. text-align: center;
  28. }
  29. .sidebar #infinite-handle {
  30. padding-right: 376px;
  31. }
  32. .rtl.sidebar #infinite-handle {
  33. padding-left: 376px;
  34. padding-right: 0;
  35. }
  36. #infinite-handle span {
  37. background: #e05d22; /* Old browsers */
  38. background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
  39. background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
  40. border: none;
  41. border-bottom: 3px solid #b93207;
  42. border-radius: 2px;
  43. display: inline-block;
  44. color: #fff;
  45. font-size: 100%;
  46. padding: 11px 24px 10px;
  47. text-decoration: none;
  48. }
  49. #infinite-handle span:hover {
  50. background: #ed6a31; /* Old browsers */
  51. background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
  52. background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
  53. outline: none;
  54. }
  55. #infinite-handle span:active {
  56. background: #d94412; /* Old browsers */
  57. background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
  58. background: linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
  59. border: none;
  60. border-top: 3px solid #b93207;
  61. padding: 10px 24px 11px;
  62. }
  63. /* Elements to hide: post navigation, normal footer. */
  64. .infinite-scroll .paging-navigation,
  65. .infinite-scroll.neverending #colophon {
  66. display: none;
  67. }
  68. /* Hooks to infinity-end body class to restore footer. */
  69. .infinity-end.neverending #colophon {
  70. display: block;
  71. }
  72. /* For small viewports. */
  73. @media (max-width: 999px) {
  74. .sidebar .infinite-loader .spinner,
  75. .rtl.sidebar .infinite-loader .spinner {
  76. padding-right: 0;
  77. padding-left: 0;
  78. }
  79. .infinite-scroll #infinite-handle,
  80. .rtl.sidebar #infinite-handle {
  81. padding-right: 0;
  82. padding-left: 0;
  83. }
  84. }