theme.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. #all-wrapper h1, #all-wrapper h2, #all-wrapper h3, #all-wrapper strong,
  2. #all-wrapper b {
  3. color: #ee964b;
  4. }
  5. #all-wrapper h4, #all-wrapper h5, #all-wrapper h6 {
  6. color: #c67026;
  7. }
  8. #all-wrapper h1, #all-wrapper h2, #all-wrapper h3 {
  9. font-family: 'Caesar Dressing', cursive;
  10. }
  11. #all-wrapper strong {
  12. font-weight: 800;
  13. }
  14. body {
  15. background-color: #006165;
  16. font-size: 18px;
  17. color: #faf0ca;
  18. font-family: 'Recursive', sans-serif;
  19. line-height: 1.5em;
  20. }
  21. a, a:focus, a:hover, a:visited {
  22. color: #ee964b;
  23. }
  24. h1 > (a, a:focus, a:active) {
  25. color: #ee964b;
  26. }
  27. #all-wrapper {
  28. padding-right: 8vw;
  29. padding-left: 2vw;
  30. max-width: 50em;
  31. margin: auto;
  32. }
  33. #menu-row {
  34. display: none;
  35. position: fixed;
  36. top: 0px;
  37. left: 8vw;
  38. background: black;
  39. width: 89vw;
  40. margin-top: 8vw;
  41. border-radius: 1em;
  42. padding: 1em 0px;
  43. }
  44. #menu-row ul {
  45. list-style: none;
  46. }
  47. #menu-row > .columns {
  48. font-size: 120%;
  49. }
  50. #logo-div {
  51. position: fixed;
  52. top: 5vw;
  53. right: -6.5vw;
  54. border-radius: 50%;
  55. box-shadow: 0px 0 3vw black;
  56. line-height: 0;
  57. background-color: transparent;
  58. }
  59. #logo-img {
  60. width: 16vw;
  61. min-height: 15vw;
  62. filter: invert(79%) sepia(8%) saturate(6176%) hue-rotate(325deg) brightness(97%) contrast(91%);
  63. }
  64. #header-row {
  65. text-align: center;
  66. }
  67. #header-row h1 {
  68. margin: 0;
  69. }
  70. #header-row a {
  71. text-decoration: none;
  72. font-size: 7rem;
  73. }
  74. #header-row a:hover {
  75. text-decoration: underline;
  76. }
  77. .page-slug--index #content .entry-title {
  78. display: none;
  79. }
  80. .translations-available {
  81. text-align: right;
  82. }