.list-wrap-ajax_gallery2 { display: flex; flex-wrap: wrap; align-items: baseline; } .list-wrap-ajax_gallery2 .card-img-top { opacity: 0; } .list-wrap-ajax_gallery2 .card-img { aspect-ratio: 4 / 3; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; transform:scale(1.0); transition: all 0.6s ease-in-out; } .list-wrap-ajax_gallery2 .card-img:hover { transform: scale(1.1); } .list-wrap-ajax_gallery2 .card { overflow: hidden; align-self: center; } .list-wrap-ajax_gallery2 .card.gongji { box-shadow: 10px 10px 10px rgb(79 26 149 / 30%); } .list-wrap-ajax_gallery2 .card img { width:100%; height:100%; } .list-wrap-ajax_gallery2 .card .card-text { display:none; word-break: break-all; } .list-wrap-ajax_gallery2 .card-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-view.ajax_gallery2 .layer-contents { padding: 1em 0; } #list_top { padding:0; } #list_top form.cate { float: left; } .page-list.sticky #list_top.__floating { z-index: 999; position: fixed; width: 100%; max-width: 800px; bottom: 10px; left: 50%; transform: translateX(-50%); padding: 10px; background: white; border: 1px solid black; } .form_ezboard_search input[name="st"] { width: 50vw; max-width: 200px; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .for_search { color:#fff;border-color: #1c3b51 !important;background-color: #1c3b51 !important; } .page-write.ajax_gallery2 tbody th { background-color: inherit !important; } .page-write.ajax_gallery2 input[type=date] { line-height: 1em; } .page-write.ajax_gallery2 tbody td.in, .page-write.ajax_gallery2 tbody td, .page-write.ajax_gallery2 tbody th { height: inherit !important; padding: .5em !important; } .page-write.ajax_gallery2 .line { height: 1px; padding: 0 !important; } .page-write.ajax_gallery2 .gong_limit_btn_wrap .btn { width: 45px; } .link-wrap { margin: 5px 0; text-align: right; font-size: 11px; color: #dbdbdb; } .list-wrap-ajax_gallery2 .card .uk-card-body .hit-date * { font-size: 13px; color: #999; } .attached-files .file-link-wrap, .attached-files .file-link-wrap .file-name-btn { max-width: 100%; } .page-view.ajax_gallery2 .view-btn-prev-next { position: fixed; top: 50%; } .page-view.ajax_gallery2 .view-btn-prev-next.prev { left: 1em; } .page-view.ajax_gallery2 .view-btn-prev-next.next { right: 1em; } .arrow { width: 40px; height: 40px; border-left: 5px solid #f4f4f4; border-bottom: 5px solid #f4f4f4; } .arrow.left { transform: rotate(45deg); } .arrow.right { transform: rotate(225deg); } div[image-preview] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999999; display: flex; background-color: #545454; cursor: pointer; } div[image-preview] > img { margin: 0 auto; margin-top: auto; margin-bottom: auto; width: 100%; height: 100%; object-fit: contain; } div[image-preview] > button[close] { position: fixed; top: 15px; right: 5px; border: none; background-color: #545454; padding: 10px; opacity: .7; } div[image-preview] > iframe { width: 100%; } div[image-preview] .tooltip { display: none; background-color: black; color: #fff; text-align: center; padding: 5px; border-radius: 6px; position: absolute; z-index: 1; transition: opacity 0.3s; visibility: hidden; opacity: 0; white-space: nowrap; pointer-events: none; } div[image-preview]:hover .tooltip { visibility: visible; opacity: 1; } .list.ajax_gallery2 .pages-wrap { width: 100px; margin: 0 auto; background-color: white; text-align: center; padding: 10px; border-radius: 10px; margin-top: 1em; margin-bottom: 1em; box-shadow: 5px 5px 10px 0px #dbdbdb; } @media only screen and (max-width: 640px) { .arrow { width: 35px; height: 35px; border-left: 3px solid #f4f4f4; border-bottom: 3px solid #f4f4f4; } } @media only screen and (max-width: 540px) { .div_board_contents .attached-files ul li .file-download-btn { right: -10px !important; } .list-wrap-ajax_gallery2 .card .uk-card-body { padding-top:10px; } .list-wrap-ajax_gallery2 .card .card-text { display: none; } }