| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 |
- @charset "UTF-8";
- .mce-label.mce-autoscroll {
- overflow: hidden !important;
- }
- #board {
- padding: calc(var(--bs-gutter-x) * 0.5);
- /* 게시판 목록 */
- }
- #board .board-name {
- font-weight: bold;
- margin-bottom: 0;
- }
- #board #boardList {
- box-sizing: border-box;
- }
- #board #boardList .head {
- margin-bottom: 10px;
- }
- #board #boardList .body table {
- margin-left: auto;
- margin-right: auto;
- border: 1px solid #222c36;
- }
- #board #boardList .body table caption {
- caption-side: top;
- }
- #board #boardList .body table caption span {
- font-size: 15px;
- }
- #board #boardList .body table caption select {
- width: inherit;
- }
- #board #boardList .body table tbody tr td {
- vertical-align: middle;
- }
- #board #boardList .body table tbody tr td p {
- font-size: 0.813rem;
- margin-bottom: 5px;
- }
- #board #boardList .body table tbody tr td p label {
- margin-right: 5px;
- }
- #board #boardList .body table tbody tr td p label a {
- color: #cbd5e0;
- }
- #board #boardList .body table tbody tr td p del, #board #boardList .body table tbody tr td p a {
- font-size: 0.875rem;
- font-weight: normal;
- }
- #board #boardList .body table tbody tr td p var {
- color: #aa0000;
- font-style: normal;
- margin-left: 3px;
- letter-spacing: -1px;
- vertical-align: middle;
- }
- #board #boardList .body table tbody tr td p i {
- color: #cbd5e0;
- margin-left: 3px;
- vertical-align: -1px;
- }
- #board #boardList .body table tbody tr td p span {
- font-size: 0.625rem;
- margin-left: 3px;
- vertical-align: middle;
- }
- #board #boardList .body table tbody tr td ul {
- margin: 0;
- padding: 0;
- }
- #board #boardList .body table tbody tr td ul li {
- display: inline-block;
- font-size: 0.75rem;
- }
- #board #boardList .body table tbody tr td ul li:after {
- content: "·";
- padding: 0 3px 0 7px;
- }
- #board #boardList .body table tbody tr td ul li:last-child:after {
- content: "";
- padding: 0;
- }
- #board #boardList .body table tbody tr td .thumbnail {
- display: block;
- position: relative;
- width: 100%;
- height: 100%;
- overflow: hidden;
- min-height: 50px;
- }
- #board #boardList .body table tbody tr td .thumbnail > img {
- position: absolute;
- width: 100%;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- #board #boardList .body table tbody tr td > section {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-around;
- }
- #board #boardList .body table tbody tr td > section figure {
- box-sizing: border-box;
- text-align: center;
- flex-basis: auto;
- max-width: 50%;
- padding: 5px;
- }
- #board #boardList .body table tbody tr td > section figure > a {
- display: inline-block;
- }
- #board #boardList .body table tbody tr td > section figure > a img {
- width: 100%;
- max-width: 210px;
- max-height: 215px;
- }
- #board #boardList .body table tbody tr td > section figure > a img:focus, #board #boardList .body table tbody tr td > section figure > a img:hover {
- filter: drop-shadow(2px 2px 4px #969696);
- }
- #board #boardList .body table tbody tr td > section figure figcaption {
- margin: 5px 0;
- }
- #board #boardList .body table tbody tr td > section figure figcaption a {
- display: initial;
- }
- #board #boardList .body table tbody tr td > section figure strong {
- display: block;
- font-size: 0.813rem;
- margin-bottom: 3px;
- }
- #board #boardList .body table tbody tr td > section figure small {
- font-size: 0.688rem;
- }
- #board #boardList .foot {
- margin-top: 10px;
- }/*# sourceMappingURL=index.css.map */
|