mostly filebased Content Presentation System
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

104 行
2.3KB

  1. * {
  2. box-sizing: border-box; }
  3. html {
  4. color: #777;
  5. background: #fff; }
  6. a {
  7. color: #777; }
  8. a.content_element_box .hover {
  9. display: none; }
  10. a.content_element_box:hover .hover {
  11. display: inline; }
  12. a.content_element_box:hover .standard {
  13. display: none; }
  14. a.content_element_box div.content_element_box {
  15. display: inline-block;
  16. position: relative;
  17. height: 200px;
  18. margin: 1em; }
  19. a.content_element_box div.content_element_box .image {
  20. height: 100%; }
  21. a.content_element_box div.content_element_box img {
  22. height: 100%;
  23. width: auto; }
  24. a.content_element_box div.content_element_box .caption {
  25. position: absolute;
  26. width: 100%;
  27. bottom: 0;
  28. right: 0;
  29. background: rgba(255, 255, 255, 0.8); }
  30. .content_elment_box_body {
  31. display: none; }
  32. .featherlight .featherlight-content {
  33. background: none;
  34. overflow: visible; }
  35. .featherlight .featherlight-content .featherlight-close-icon {
  36. color: #fff;
  37. background: none;
  38. top: -10px;
  39. right: -10px;
  40. font-size: 1.5em; }
  41. @media only screen and (max-width: 750px) {
  42. .featherlight .featherlight-content iframe {
  43. width: 100%;
  44. height: 100%; } }
  45. @media only screen and (max-width: 750px) {
  46. #main-nav {
  47. display: none; } }
  48. #mobile-nav {
  49. display: none; }
  50. @media only screen and (max-width: 750px) {
  51. #mobile-nav {
  52. display: block; }
  53. #mobile-nav a.menu-toggle {
  54. display: block; } }
  55. #mobile-nav .the_list {
  56. display: none; }
  57. #mobile-nav.open .the_list {
  58. display: block;
  59. position: fixed;
  60. top: 0;
  61. left: 0;
  62. z-index: 99;
  63. background: rgba(255, 255, 255, 0.9);
  64. height: 100%;
  65. width: 100%;
  66. overflow: scroll; }
  67. #mobile-nav a.menu-toggle {
  68. position: fixed;
  69. top: 0;
  70. right: 0;
  71. width: 50px;
  72. height: 50px;
  73. z-index: 100;
  74. cursor: pointer;
  75. background: rgba(255, 255, 255, 0.9);
  76. background-image: url("menu-icon.png");
  77. background-position: top;
  78. background-size: 100%; }
  79. #mobile-nav.open a.menu-toggle {
  80. background-position: bottom; }
  81. .content_element_page.wall a.content_element_box {
  82. float: left; }
  83. .content_element_page.wall:after {
  84. content: "";
  85. display: block;
  86. clear: both; }
  87. .content_element_page.wall div.content_element_box {
  88. height: 100px; }
  89. a {
  90. text-decoration: none; }
  91. a:hover {
  92. text-decoration: underline; }
  93. /*# sourceMappingURL=style.css.map */