Guest User

Untitled

a guest
Jun 22nd, 2018
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.87 KB | None | 0 0
  1. /* BLOG
  2. ----------------------------------------------- */
  3.  
  4. .blogdefault .content-wrap .container {
  5. display: grid;
  6. grid-template-columns: 3fr 1fr;
  7. grid-gap: 50px;
  8. max-width: 1150px;
  9. margin: auto;
  10. padding:40px 20px 40px 20px;
  11. }
  12.  
  13. .blogdefault .content-wrap .container #posts {
  14. display:grid;
  15. grid-template-columns: 1fr 1fr;
  16. grid-gap: 35px 50px;
  17. }
  18.  
  19. .blogdefault .content-wrap .container #posts > div.entry {
  20. box-shadow:0 6px 15px -2px rgba(0,0,0,0.2);
  21. padding-bottom:70px;
  22. position:relative;
  23. overflow:hidden;
  24. }
  25.  
  26. .blogdefault .content-wrap .container #posts > div.entry .entry-timeline {
  27. display:none;
  28. }
  29.  
  30. #posts .entry-title, #posts .entry-meta, #posts .entry-content {
  31. padding:0 20px;
  32. }
  33.  
  34. #posts li {
  35. list-style:none;
  36. }
  37.  
  38. #posts .entry-title h2, #posts .entry-title h2 a {
  39. font-size: 26px;
  40. line-height: 1.2em;
  41. transition:all ease 0.3s;
  42. }
  43.  
  44. .entry-meta li, .entry-meta li a {
  45. text-transform:uppercase;
  46. font-size:12px;
  47. color:#aaa;
  48. }
  49.  
  50. .entry-meta .icon-folder-open::before {
  51. font-family: Font Awesome\ 5 Free;
  52. font-weight: 900;
  53. content: "\f187"!important;
  54. font-style:normal;
  55. margin-right:5px;
  56. }
  57.  
  58. .entry-meta .icon-calendar3::before, .entry-meta .icon-clock::before {
  59. font-family: Font Awesome\ 5 Free;
  60. font-weight: 900;
  61. content: "\f133"!important;
  62. font-style:normal;
  63. margin-right:5px;
  64. }
  65.  
  66. #posts .entry-content p {
  67. font-size:14px!important;
  68. }
  69.  
  70. #posts .entry-content p a {
  71. display: block;
  72. margin-top: 10px;
  73. font-weight: 700;
  74. font-size: 14px;
  75. text-transform: uppercase;
  76. position: absolute;
  77. bottom: 0;
  78. left: 0;
  79. width: 100%;
  80. padding: 15px 20px;
  81. text-align: center;
  82. background: #005391;
  83. background: #23C6FC;
  84. color: #fff;
  85. transition:all ease 0.3s;
  86. }
  87.  
  88. #posts .entry-content p a:hover {
  89. background:#60d7ff;
  90. }
  91.  
  92. .blogdefault .content-wrap .container #posts > .timeline-border {
  93. display:none;
  94. }
  95.  
  96. #posts .entry-image {
  97. text-align:center;
  98. background:#eee;
  99. }
  100.  
  101. #posts .entry-image a {
  102. display:block;
  103. }
  104.  
  105. #posts .entry-image img {
  106. max-height:300px;
  107. }
  108.  
  109. .btn-group {
  110. text-align:right;
  111. margin-top:40px;
  112. }
  113.  
  114. .btn-group a {
  115. margin-left:10px;
  116. color:#aaa;
  117. font-weight:700;
  118. }
  119.  
  120. .btn-group a.w--current {
  121. color:#005391;
  122. }
  123.  
  124. .sidebar .widget h4 {
  125. padding-bottom:10px;
  126. margin-bottom:10px;
  127. border-bottom:solid 1px #eee;
  128. }
  129.  
  130. .sidebar .widget ul {
  131. padding:0;
  132. }
  133.  
  134. .sidebar .widget ul li, .sidebar .widget ul li a {
  135. list-style:none;
  136. font-size:14px;
  137. display:block;
  138. color:#aaa;
  139. }
  140.  
  141. .sidebar .widget ul li a:hover {
  142. color:#005391;
  143. }
  144.  
  145.  
  146. @media only screen and (max-width:991px) {
  147.  
  148. #posts {
  149. max-width:700px;
  150. margin:auto;
  151. }
  152.  
  153. .blogdefault .content-wrap .container, .blogdefault .content-wrap .container #posts {
  154. grid-template-columns: 1fr;
  155. }
  156. }
  157.  
  158. /* --- Individual Posts --- */
  159.  
  160. .single-post .entry-meta, .single-post .entry-meta li {
  161. list-style:none;
  162. padding:0;
  163. }
  164.  
  165. .single-post .entry-meta, .entry-meta li a:hover {
  166. color:#666;
  167. }
Add Comment
Please, Sign In to add comment