latest.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. @charset "UTF-8";
  2. /* 최근 게시글 */
  3. #latest {
  4. box-sizing: border-box;
  5. margin-top: 20px;
  6. }
  7. #latest table {
  8. margin-left: auto;
  9. margin-right: auto;
  10. border: 1px solid #333;
  11. }
  12. > #latest table:not(:first-child) {
  13. border-top: none;
  14. }
  15. #latest table thead tr {
  16. background-color: #133a46;
  17. border: 1px solid #333;
  18. }
  19. #latest table thead tr th {
  20. text-align: center;
  21. border-bottom: none;
  22. }
  23. #latest table tbody tr:hover, #latest table tbody tr:focus {
  24. background-color: #1a1e21;
  25. }
  26. #latest table tbody tr th, #latest table tbody tr td {
  27. text-align: center;
  28. vertical-align: middle;
  29. }
  30. #latest table tbody tr td {
  31. font-size: 13px;
  32. }
  33. #latest table tbody tr td label a {
  34. color: #cbd5e0;
  35. }
  36. #latest table tbody tr td del, #latest table tbody tr td a {
  37. font-size: 14px;
  38. font-weight: normal;
  39. margin-right: 5px;
  40. color: #b3b3b3;
  41. }
  42. #latest table tbody tr td var {
  43. color: #aa0000;
  44. font-style: initial;
  45. letter-spacing: -1px;
  46. margin-right: 5px;
  47. }
  48. #latest table tbody tr td i {
  49. color: #cbd5e0;
  50. margin-right: 3px;
  51. vertical-align: -1px;
  52. }
  53. #latest table tbody tr td span {
  54. font-size: 10px;
  55. vertical-align: text-bottom;
  56. }
  57. #latest table tbody tr td > section {
  58. display: flex;
  59. flex-wrap: wrap;
  60. }
  61. #latest table tbody tr td > section figure {
  62. box-sizing: border-box;
  63. min-width: 250px;
  64. padding: 20px 10px 20px 10px;
  65. margin: 0;
  66. text-align: center;
  67. }
  68. #latest table tbody tr td > section figure a {
  69. display: inline-block;
  70. }
  71. #latest table tbody tr td > section figure a img {
  72. max-width: 210px;
  73. max-height: 215px;
  74. width: 100%;
  75. }
  76. #latest table tbody tr td > section figure a img:focus, #latest table tbody tr td > section figure a img:hover {
  77. filter: drop-shadow(2px 2px 4px #969696);
  78. }
  79. #latest table tbody tr td > section figure figcaption {
  80. margin: 5px 0;
  81. }
  82. #latest table tbody tr td > section figure figcaption h5 a {
  83. display: initial;
  84. }
  85. #latest table tbody tr td > section figure strong {
  86. font-weight: 500;
  87. margin-bottom: 3px;
  88. display: block;
  89. }
  90. #latest table tbody tr td > section figure ul {
  91. list-style: none;
  92. padding-left: 0;
  93. margin: 0;
  94. }
  95. #latest table tbody tr td > section figure ul li {
  96. display: inline-block;
  97. font-size: 13px;
  98. }
  99. #latest table tbody tr td > section figure ul li:first-child::before {
  100. display: none;
  101. }
  102. #latest table tbody tr td > section figure ul li::before {
  103. content: "";
  104. display: inline-block;
  105. width: 2px;
  106. height: 2px;
  107. margin: 0 5px 4px 2px;
  108. border-radius: 2px;
  109. background-color: #616670;
  110. }
  111. #latest table tfoot tr td {
  112. border-bottom: none;
  113. }
  114. #latest table tfoot tr td nav ul {
  115. margin-bottom: 0;
  116. }/*# sourceMappingURL=latest.css.map */