sbstn_becker

style.css 14072020

Jul 14th, 2020
48
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Theme Name: Child Baskerville 2
  3. Theme URI: https://wordpress.com/themes/baskerville-2/
  4. Template: baskerville-2-wpcom
  5. Author: Anders Norén
  6. Author URI: http://www.andersnoren.se
  7. Description: Baskerville 2 is a dynamic, grid-based theme for curators. It's the perfect way to showcase your posts, videos, images and galleries, and share your favorite quotes and links.
  8. Version: 2.0.2.1555957146
  9. Updated: 2019-04-22 20:19:06
  10.  
  11. */
  12.  
  13. .site-header .home-link {
  14. display: block;
  15. margin: 0 auto;
  16. max-width: 1080px;
  17. min-height: 600px;
  18. padding: 0 20px;
  19. text-decoration: none;
  20. width: 100%;
  21. }
  22.  
  23. .child-page .wrapper.section {
  24. padding: 0;
  25. }
  26.  
  27. .child-page div#content {
  28. width: 100%;
  29. }
  30.  
  31. .child-page .hentry {
  32. background: #f1f1f1;
  33. }
  34.  
  35. .child-page .page-container {
  36. padding: 0 0.75% 1.5% 0.75%;
  37. position: relative;
  38. width: 30%;
  39. display: inline-block;
  40. }
  41.  
  42. .child-page .post-container .hentry {
  43. background: #fff;
  44. }
  45.  
  46. .child-page .posts-masonry .post-container {
  47. width: 100%;
  48. }
  49.  
  50. @media (max-width: 600px){
  51. .child-page .page-container {
  52. width: 100%;
  53. }
  54. }
  55.  
  56. .single .category {
  57. background: orange;
  58. color: #fff;
  59. font-size: 85%;
  60. position: absolute; left: 8%
  61. }
  62.  
  63. .single .category {
  64. border-bottom-left-radius: 2px;
  65. border-bottom-right-radius: 2px;
  66. border-top-left-radius: 2px;
  67. border-top-right-radius: 2px;
  68. box-sizing: border-box;
  69. color: rgb(255, 255, 255);
  70. cursor: pointer;
  71. display: inline-block;
  72. font-family: "Lato", sans-serif;
  73. font-feature-settings: normal;
  74. font-kerning: auto;
  75. font-language-override: normal;
  76. font-optical-sizing: auto;
  77. font-size: 11px;
  78. font-size-adjust: none;
  79. font-stretch: 100%;
  80. font-style: normal;
  81. font-variant: normal;
  82. font-variant-alternates: normal;
  83. font-variant-caps: normal;
  84. font-variant-east-asian: normal;
  85. font-variant-ligatures: normal;
  86. font-variant-numeric: normal;
  87. font-variant-position: normal;
  88. font-variation-settings: normal;
  89. font-weight: 900;
  90. letter-spacing: 2px;
  91. line-height: 13px;
  92. list-style-image: none;
  93. list-style-position: outside;
  94. list-style-type: none;
  95. padding-bottom: 5px;
  96. padding-left: 9px;
  97. padding-right: 7px;
  98. padding-top: 5px;
  99. text-decoration: none;
  100. text-decoration-color: rgb(255, 255, 255);
  101. text-decoration-line: none;
  102. text-decoration-style: solid;
  103. text-transform: uppercase;
  104. transition-delay: 0s, 0s, 0s, 0s;
  105. transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
  106. transition-property: opacity, color, border-color, background-color;
  107. transition-timing-function: linear, linear, linear, linear;
  108. }
  109.  
  110.  
  111. .header {
  112.  
  113. padding: 200px 0;
  114.  
  115. }
  116.  
  117. .bg-dark {
  118.  
  119. background-color: #375d86;
  120.  
  121. }
  122.  
  123.  
  124. .bg-graphite {
  125.  
  126. background-color: #375d86;
  127.  
  128. }
  129.  
  130. .page-title {
  131. display: inline-block;
  132. border-bottom: 2px solid #ccc;
  133. font-family: "Roboto Slab", sans-serif;
  134. font-size: 1.9em;
  135. font-weight: 700;
  136. padding-bottom: 50px;
  137. text-align: center;
  138. text-transform: uppercase;
  139.  
  140. }
  141. .post-header {
  142.  
  143. border-bottom: 1px solid #eee;
  144. padding: 4% 8%;
  145. position: relative;
  146.  
  147. }
  148.  
  149.  
  150. .posts .post-content {
  151.  
  152. padding: 6%;
  153. -ms-word-wrap: break-word;
  154. word-wrap: break-word;
  155.  
  156. }
  157.  
  158.  
  159. .single .post-content {
  160.  
  161. padding: 5%;
  162.  
  163. }
  164.  
  165. .child-title a:hover, .post-header .post-title a:focus {
  166. color: #13c4a5;
  167. }
  168.  
  169. .child-title {
  170. display: inline-block;
  171. font-family: "Roboto Slab", sans-serif;
  172. font-size: 1.9em;
  173. font-weight: 700;
  174. padding-bottom: 50px;
  175. width: 100%;
  176. text-align: center;
  177. text-transform: uppercase;
  178. }
  179.  
  180.  
  181. .post-header .post-title {
  182. font-size: 1.25em;
  183. }
  184.  
  185.  
  186. .posts .post-container.fade-in {
  187. opacity: 1.0;
  188. }
  189.  
  190. .posts .post-container {
  191. opacity: 0;
  192. -webkit-transition: opacity 0.5s;
  193. -moz-transition: opacity 0.5s;
  194. transition: opacity 0.5s;
  195. }
  196.  
  197. .child-page .isc_image_list_box {
  198. display: none;
  199. }
  200.  
  201. .hentry, .post {
  202. -webkit-box-shadow: 0 0 rgba(0,0,0,0);
  203. -moz-box-shadow: 0 0 rgba(0,0,0,0);
  204. box-shadow: 0 0 rgba(0,0,0,0);
  205. }
  206.  
  207. .post-meta {
  208. display: none !important;
  209. }
  210.  
  211. .elementor-image-carousel-caption {
  212. color: #7a7a7a;
  213. font-family: "Roboto", Sans-serif;
  214. font-weight: 400 !important;
  215. padding-top: .5em;
  216. text-align: center;
  217. font-size: .8em;
  218. }
  219.  
  220. #footer a:link, #footer a:visited {
  221. color:#999;
  222. }
  223.  
  224. .widget-content ul li::before {
  225. color: #999;
  226. }
  227.  
  228.  
  229.  
  230. .child-page .post-content {
  231.  
  232. padding: 6%;
  233. background-color: #ffffff
  234.  
  235. }
  236.  
  237. .child-page .post-header {
  238. background-color: #ffffff
  239.  
  240. }
  241.  
  242. .child-page .post-title {
  243. background-color: #ffffff
  244.  
  245. }
  246.  
  247. .category a {
  248. color: #2196F3;
  249. }
  250.  
  251. .post-header {
  252. padding: 4% 8% 8%;
  253. }
  254.  
  255.  
  256. .widget-content ul li, .widget-content ol li {
  257. padding: 1px 0 1px 30px;
  258. }
  259. .medium-padding {
  260. padding: 20px 0;
  261. }
  262.  
  263. body a {
  264. color: #008eff;
  265. }
  266.  
  267. .elementor *, .elementor :after, .elementor :before {
  268. line-height: 180%;
  269. }
  270.  
  271. .footer .column-1 .widgets {
  272. display: none;
  273. }
  274.  
  275. .nocomments {
  276. display: none;
  277. }
  278.  
  279. .site-title a{
  280. color: white;
  281. }
  282.  
  283. @media all and (max-width: 45em) {
  284. header { height: 120px;
  285. }
  286. }
  287.  
  288. @media all and (max-width: 30em) {
  289. header { height: 90px;
  290. }
  291. }
  292.  
  293.  
  294. @media (max-width: 600px) {
  295. .section.header {
  296. height: 150px !important;
  297. }
  298. }
RAW Paste Data