mostly filebased Content Presentation System
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

style.css 1.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. * {
  2. box-sizing: border-box; }
  3. html {
  4. color: #777;
  5. background: #fff; }
  6. a {
  7. color: #777; }
  8. @media only screen and (max-width: 750px) {
  9. #main-nav {
  10. display: none; } }
  11. .featherlight .featherlight-content {
  12. background: none;
  13. overflow: visible; }
  14. .featherlight .featherlight-content .featherlight-close-icon {
  15. background: none;
  16. top: -10px;
  17. right: -10px;
  18. font-size: 1.5em; }
  19. @media only screen and (max-width: 750px) {
  20. .featherlight .featherlight-content iframe {
  21. width: 100%;
  22. height: 100%; } }
  23. #mobile-nav {
  24. display: none; }
  25. @media only screen and (max-width: 750px) {
  26. #mobile-nav {
  27. display: block; }
  28. #mobile-nav a.menu-toggle {
  29. display: block; } }
  30. #mobile-nav .the_list {
  31. display: none; }
  32. #mobile-nav.open .the_list {
  33. display: block;
  34. position: fixed;
  35. top: 0;
  36. left: 0;
  37. z-index: 99;
  38. background: rgba(255, 255, 255, 0.9);
  39. height: 100%;
  40. width: 100%;
  41. overflow: scroll; }
  42. #mobile-nav a.menu-toggle {
  43. position: fixed;
  44. top: 0;
  45. right: 0;
  46. width: 50px;
  47. height: 50px;
  48. z-index: 100;
  49. cursor: pointer;
  50. background: rgba(255, 255, 255, 0.9);
  51. background-image: url("menu-icon.png");
  52. background-position: top;
  53. background-size: 100%; }
  54. #mobile-nav.open a.menu-toggle {
  55. background-position: bottom; }
  56. a {
  57. text-decoration: none; }
  58. a:hover {
  59. text-decoration: underline; }
  60. /*# sourceMappingURL=style.css.map */