Index: base3.10/src/main/webapp/css/user/board.css =================================================================== --- base3.10/src/main/webapp/css/user/board.css (revision 73) +++ base3.10/src/main/webapp/css/user/board.css (revision 74) @@ -28,8 +28,8 @@ .board_header .by p em { color:#666; margin-right:5px; font-weight:400; } .board_header .by p:last-child::after { display:none; } .board_content { padding:60px 0; border-bottom:1px solid #ededed; } -.board_content .fr-file { padding:5px 15px; border:1px solid #ccc; border-radius:5px; margin:2px; background-color:#fff; transition:all .2s ease-in-out; } -.board_content .fr-file::after { content:""; width:12px; height:12px; margin-left:10px; background:url(/images/user/icon-file-down.svg) 50% 50% no-repeat; background-size:contain; display:inline-block; } +.board_content .fr-file { padding:5px 10px; border:1px solid #ccc; border-radius:50px; margin:2px; background-color:#fff; transition:all .2s ease-in-out; } +.board_content .fr-file::before { content:""; width:13px; height:13px; margin-right:5px; background:url(/images/user/icon-file.svg) 50% 50% no-repeat; background-size:contain; display:inline-block; transform: translateY(1px);} .board_content .fr-file:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } .board_file { padding:10px; margin:30px 0 0; border:1px solid #f1f1f1; background:#fafafa; border-radius:5px; } .board_file .file_list .file_box { display:flex; width:auto; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; border-radius:5px; margin:2px; background-color:#fff; transition:all .2s ease-in-out; } Index: base3.10/src/main/webapp/images/user/icon-file.svg =================================================================== --- base3.10/src/main/webapp/images/user/icon-file.svg (nonexistent) +++ base3.10/src/main/webapp/images/user/icon-file.svg (revision 74) @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Layer_1" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" + x="0px" y="0px" width="122.775px" height="141px" viewBox="0 0 122.775 141" enable-background="new 0 0 122.775 141" + xml:space="preserve"> +<g> + <path fill="#333333" d="M111.802,69.072c-0.936-0.914-2.523-0.877-3.426,0.043l-48.805,49.926 + c-5.063,5.178-11.786,8.033-18.925,8.033c-7.187,0-13.938-2.889-19.018-8.125c-10.462-10.797-10.309-28.451,0.349-39.348 + l59.502-60.867c6.081-6.205,16.58-6.193,22.645,0c6.362,6.514,6.362,17.104,0,23.611L52.259,95.344 + c-2.039,2.078-5.511,2.045-7.505-0.064c-2.093-2.227-2.002-5.865,0.207-8.125l40.771-41.648c0.935-0.955,0.918-2.488-0.033-3.428 + l-6.486-6.342c-0.918-0.91-2.522-0.895-3.425,0.033L35.017,77.418c-7.368,7.537-7.542,19.822-0.39,27.402 + c3.679,3.895,8.617,6.039,13.921,6.039c5.161,0,10.011-2.053,13.654-5.775l51.866-53.008c11.607-11.873,11.607-31.195,0-43.066 + C108.393,3.201,100.841,0,92.799,0S77.202,3.201,71.527,9.01L12.025,69.873c-15.881,16.24-16.055,42.6-0.385,58.766 + C19.368,136.607,29.673,141,40.663,141c10.9,0,21.151-4.344,28.861-12.236l48.805-49.922c0.455-0.465,0.695-1.066,0.688-1.713 + c0-0.652-0.267-1.258-0.729-1.705L111.802,69.072z"/> +</g> +</svg>