1.page-explorer-tree-cs { 2 overflow: auto; 3 font-weight: 600; 4 padding-bottom: 1rem; 5 padding-top: .25rem; 6 padding-left: 1px; 7} 8 9.page-explorer-tree-cs ul { 10 list-style: none; 11 padding-left: 1rem; 12} 13 14.page-explorer-tree-cs > ul { 15 padding-left: 0; 16} 17 18.page-explorer-tree-cs li { 19 margin-bottom: .25rem; 20} 21 22 23.page-explorer-tree-cs img, .page-explorer-tree-cs svg { 24 vertical-align: bottom; 25} 26 27/* Give space when the mouse is over the link */ 28.page-explorer-tree-cs a { 29 padding: .1875rem .5rem; 30 margin-top: .125rem; 31 color: rgba(0, 0, 0, 0.65); 32 text-decoration: none; 33 align-items: center; 34 display: inline-flex; 35 font-weight: 400; 36} 37 38 39@media (max-width: 768px) { 40 .page-explorer-tree-cs > ul { 41 padding: 1.5rem .75rem; 42 background-color: #f8f9fa; 43 border-bottom: 1px solid #e9ecef 44 } 45} 46 47.page-explorer-tree-cs a { 48 color: rgba(0, 0, 0, 0.65); 49 text-decoration: none 50} 51 52.page-explorer-tree-cs .btn { 53 padding: .25rem .5rem; 54 font-weight: 600; 55 color: rgba(0, 0, 0, 0.65); 56 background-color: transparent; 57 border: 0; 58 display: inline-flex; 59 text-align: left; 60} 61 62.page-explorer-tree-cs .btn:hover, .page-explorer-tree-cs .btn:focus { 63 color: rgba(0, 0, 0, 0.85); 64 background-color: rgba(121, 82, 179, 0.1) 65} 66 67.page-explorer-tree-cs .btn:focus { 68 box-shadow: 0 0 0 1px rgba(121, 82, 179, 0.7) 69} 70 71.page-explorer-tree-cs .btn::before { 72 width: 1.25em; 73 line-height: 0; 74 content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); 75 transition: transform 0.35s ease; 76 transform-origin: .5em 50% 77} 78 79.page-explorer-tree-cs .btn[aria-expanded="true"] { 80 color: rgba(0, 0, 0, 0.85) 81} 82 83.page-explorer-tree-cs .btn[aria-expanded="true"]::before { 84 transform: rotate(90deg) 85} 86 87 88@media (prefers-reduced-motion: reduce) { 89 .page-explorer-tree-cs .btn::before { 90 transition: none 91 } 92} 93 94.page-explorer-tree-cs a:hover, .page-explorer-tree-cs a:focus { 95 color: rgba(0, 0, 0, 0.85); 96 background-color: rgba(121, 82, 179, 0.1) 97} 98 99.page-explorer-tree-cs .active { 100 font-weight: 600; 101 color: rgba(0, 0, 0, 0.85) 102} 103