latest.css 2.8 KB

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