1.vi_tile, 2.visualindex .vi_tile { 3 display: inline-block; 4 width: 108px; 5 min-height: 130px; 6 max-height: 150px; 7 text-align: center; 8 margin: 5px; 9 padding: 5px; 10 max-width: 100%; 11 border: 1px solid #ececec; 12 overflow: hidden; 13 word-break: break-word; 14 box-sizing: content-box; 15 background: #fff; 16 opacity: .9; 17} 18.vi_tile:hover, 19.visualindex .vi_tile:hover { 20 opacity: 1; 21 background: #F7F7F7; 22 transition: opacity .5s, background .5s; 23} 24 25.visualindex .vi_tile.homepage { 26 position: relative; 27 overflow: auto; 28 margin-right: 15px; 29} 30.visualindex .vi_tile.homepage::after { 31 content: "➤"; 32 position: absolute; 33 right: 3px; 34 top: 50%; 35 transform: translateY(-50%); 36 font-size: 13px; 37} 38 39.vi_tile img, 40.visualindex .vi_tile img { 41 max-width: 55px; 42 max-height: 55px; 43 margin: auto; 44 margin-bottom: 6px; 45 46} 47 48.vi_tile:hover img, 49.visualindex .vi_tile:hover img { 50 transform: scale(.9); 51 transition: transform .5s; 52} 53 54.vi_content, 55.visualindex .vi_content { 56 display: inline-block; 57 vertical-align: middle; 58} 59.vi_vertical_align, 60.visualindex .vi_vertical_align { 61 display: inline-block; 62 height: 120px; 63 vertical-align: middle; 64} 65 66.pm_visualindex_node { 67 display: flex; 68 align-items: center; 69 gap: 8px; 70 padding: 2px 8px; 71 margin: 6px 0; 72 border: 1px solid #b9c7d9; 73 border-radius: 4px; 74 background: #eef4fb; 75 color: #20436a; 76 font-size: 0.9em; 77 line-height: 1.6; 78 cursor: pointer; 79} 80 81.pm_visualindex_node.pm_visualindex_inline { 82 display: inline-flex; 83 margin: 0 2px; 84} 85 86.pm_visualindex_icon, 87.pm_visualindex_menu_icon { 88 width: 14px; 89 height: 14px; 90 flex: 0 0 14px; 91} 92 93.menuicon .pm_visualindex_menu_icon { 94 width: 1.2em; 95 height: 1.2em; 96 display: block; 97} 98 99.pm_visualindex_node.ProseMirror-selectednode { 100 border-color: #2f7bd0; 101 box-shadow: 0 0 0 2px rgba(47, 123, 208, 0.2); 102} 103