Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 

133 wiersze
2.1 KiB

  1. body.home {
  2. .mod_newslist {
  3. .layout_latest {
  4. img {
  5. object-fit: none !important;
  6. }
  7. }
  8. }
  9. }
  10. .mod_newslist {
  11. .layout_latest {
  12. .categories {
  13. min-height: 28px;
  14. }
  15. img {
  16. object-fit: cover;
  17. }
  18. }
  19. nav {
  20. margin: 0 auto;
  21. padding: 50px 20px;
  22. display: flex;
  23. justify-content: center;
  24. align-items: center;
  25. flex-wrap: wrap;
  26. p {
  27. margin: 0;
  28. padding: 10px 10px 10px 0;
  29. }
  30. .pagination {
  31. margin: 0;
  32. padding: 0;
  33. display: flex;
  34. justify-content: center;
  35. flex-wrap: wrap;
  36. li {
  37. margin: 10px 0.25rem 10px 0.25rem;
  38. list-style: none;
  39. border: 2px solid #0000dc;
  40. border-radius: 8px;
  41. text-align: center;
  42. font-weight: 700;
  43. transition: 0.3s;
  44. cursor: pointer;
  45. text-transform: uppercase;
  46. position: relative;
  47. a, strong {
  48. display: block;
  49. padding: 0 7px;
  50. color: #0000dc;
  51. text-decoration: none;
  52. transition: 0.3s;
  53. &:hover {
  54. color: #fff;
  55. background: #0000dc;
  56. }
  57. }
  58. strong {
  59. color: #fff;
  60. background: #0000dc;
  61. cursor: default;
  62. }
  63. &.first,
  64. &.previous,
  65. &.next,
  66. &.last {
  67. a, strong {
  68. text-indent: -9999px;
  69. width: 30px;
  70. &:after {
  71. text-indent: 0;
  72. position: absolute;
  73. left: 50%;
  74. top: 50%;
  75. transform: translate(-50%,-50%);
  76. }
  77. }
  78. }
  79. &.first {
  80. a, strong {
  81. &:after {
  82. content: "<<";
  83. }
  84. }
  85. }
  86. &.previous {
  87. a, strong {
  88. &:after {
  89. content: "<";
  90. }
  91. }
  92. }
  93. &.next {
  94. a, strong {
  95. &:after {
  96. content: ">";
  97. }
  98. }
  99. }
  100. &.last {
  101. a, strong {
  102. &:after {
  103. content: ">>";
  104. }
  105. }
  106. }
  107. }
  108. }
  109. }
  110. }
  111. .mod_newsreader {
  112. .layout_full {
  113. .title {
  114. max-width: 700px;
  115. margin: 0 auto;
  116. .categories {
  117. @include futura-bold;
  118. text-transform: uppercase;
  119. font-size: size(20);
  120. color: #001874;
  121. margin-bottom: 0;
  122. }
  123. h1 {
  124. font-size: size(45);
  125. }
  126. }
  127. .ce_hyperlink {
  128. margin-bottom: 1rem;
  129. }
  130. }
  131. }