68 lines
2.0 MiB
HTML
68 lines
2.0 MiB
HTML
|
<style>
|
||
|
|
ul.svg-list {
|
||
|
|
list-style:none;
|
||
|
|
padding:0;
|
||
|
|
margin:10px 0 0;
|
||
|
|
}
|
||
|
|
ul.svg-list li {
|
||
|
|
display:inline-block;
|
||
|
|
position:relative;
|
||
|
|
width:32px;
|
||
|
|
height:32px;
|
||
|
|
padding:3px;
|
||
|
|
margin-right:5px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.svg-list li:hover {
|
||
|
|
box-shadow:none;//0px 3px 6px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.svg-list li svg{
|
||
|
|
max-width:100%;
|
||
|
|
max-height:100%;
|
||
|
|
fill: var(--bs-body-color);
|
||
|
|
color: var(--bs-border-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.svg-list li span {
|
||
|
|
//display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.svg-list li.heading {
|
||
|
|
width:100%;
|
||
|
|
box-shadow:none;
|
||
|
|
text-transform: capitalize;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.svg-list li span {
|
||
|
|
visibility: hidden;
|
||
|
|
min-width: 120px;
|
||
|
|
background-color: black;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 6px;
|
||
|
|
padding: 5px 0;
|
||
|
|
|
||
|
|
/* Position the tooltip */
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
left:0;
|
||
|
|
top: 105%;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.svg-list li:hover span {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.svg-list li:hover svg {
|
||
|
|
transform: scale(2);
|
||
|
|
fill:blue;
|
||
|
|
color:green;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<ul class="svg-list"><li title="500px "><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 26.199219 12.832031 C 22.875 12.832031 20.910156 15.984375 20.785156 15.984375 C 20.660156 15.984375 18.707031 12.832031 15.355469 12.832031 C 12.007813 12.832031 11.050781 15.984375 10.949219 15.984375 C 10.847656 15.984375 10.078125 13.398438 7.183594 13.398438 C 4.839844 13.398438 4.511719 14.476563 4.3125 14.476563 C 4.3125 14.476563 4.488281 13.320313 4.839844 11.261719 L 10.621094 11.261719 L 10.621094 9 L 2.800781 9 L 1.480469 16.574219 L 4.011719 16.574219 C 4.011719 16.574219 4.589844 15.507813 6.125 15.507813 C 7.660156 15.507813 8.59375 16.6875 8.59375 18.019531 C 8.59375 19.347656 7.5625 20.804688 6.125 20.804688 C 4.691406 20.804688 3.859375 19.574219 3.859375 18.722656 C 2.675781 18.722656 1.039063 18.722656 1.039063 18.722656 C 1.039063 19.476563 1.644531 23 6.125 23 C 9.777344 23 10.949219 20.277344 10.949219 19.953125 C 10.949219 20.226563 12.359375 23 15.359375 23 C 18.835938 23 20.585938 19.953125 20.785156 19.953125 C 20.988281 19.953125 23.054688 23 26.203125 23 C 29.351563 23 30.964844 20.226563 30.964844 17.890625 C 30.960938 15.554688 29.527344 12.832031 26.199219 12.832031 Z M 19.105469 17.9375 L 19.101563 17.9375 C 19.082031 17.964844 17.15625 20.300781 15.371094 20.300781 C 13.578125 20.300781 13.246094 18.515625 13.246094 17.9375 C 13.246094 17.359375 13.578125 15.574219 15.371094 15.574219 C 17.15625 15.574219 19.082031 17.910156 19.101563 17.9375 Z M 28.347656 17.9375 C 28.347656 18.515625 28.015625 20.304688 26.222656 20.304688 C 24.441406 20.304688 22.515625 17.96875 22.492188 17.941406 L 22.492188 17.9375 C 22.515625 17.910156 24.441406 15.574219 26.222656 15.574219 C 28.015625 15.574219 28.347656 17.363281 28.347656 17.9375 Z"/></svg></li><li title="accessible icon "><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 24 4 C 22.355469 4 21 5.355469 21 7 C 21 8.644531 22.355469 10 24 10 C 25.644531 10 27 8.644531 27 7 C 27 5.355469 25.644531 4 24 4 Z M 24 6 C 24.5625 6 25 6.4375 25 7 C 25 7.5625 24.5625 8 24 8 C 23.4375 8 23 7.5625 23 7 C 23 6.4375 23.4375 6 24 6 Z M 18.5625 9.03125 L 14.96875 9.4375 C 14.398438 9.503906 13.921875 9.84375 13.59375 10.3125 L 13.5625 10.28125 L 13.53125 10.34375 L 11.21875 13.40625 L 12.78125 14.59375 L 15.15625 11.5 L 15.21875 11.4375 L 17.40625 11.1875 L 15.71875 15.03125 C 13.464844 15.121094 11.464844 16.261719 10.25 18 L 13.03125 18 C 13.863281 17.378906 14.886719 17 16 17 C 18.757813 17 21 19.242188 21 22 C 21 24.757813 18.757813 27 16 27 C 14.371094 27 12.945313 26.207031 12.03125 25 L 9.6875 25 C 10.8125 27.359375 13.214844 29 16 29 C 19.859375 29 23 25.859375 23 22 C 23 21.660156 22.953125 21.328125 22.90625 21 L 24.875 21 L 23.34375 26.75 L 25.28125 27.25 L 26.9375 21.03125 L 27 20.8125 L 26.96875 20.5625 C 26.769531 19.648438 25.933594 19 25 19 L 22.3125 19 C 22.019531 18.386719 21.636719 17.84375 21.1875 17.34375 L 22.8125 13.9375 L 22.84375 13.875 L 22.84375 13.84375 C 23.347656 12.449219 22.742188 10.886719 21.4375 10.1875 L 19.75 9.25 L 19.75 9.28125 C 19.390625 9.089844 18.964844 8.984375 18.5625 9.03125 Z M 19.46875 11.375 L 20.5 11.9375 C 20.945313 12.175781 21.140625 12.683594 20.96875 13.15625 L 19.59375 16 C 19.035156 15.664063 18.429688 15.421875 17.78125 15.25 Z M 7 19 L 7 21 L 14 21 L 14 19 Z M 4 22 L 4 24 L 17 24 L 17 22 Z"/></svg></li><li title="accusoft "><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 18.740234 6 C 18.218234 6 12.780203 6.0222031 12.283203 6.0332031 C 11.288203 6.0332031 10.576109 6.0228906 11.287109 6.8378906 C 11.689109 7.2828906 23.845578 21.083203 24.142578 21.408203 C 24.829578 22.180203 25.221187 22.038516 25.742188 21.853516 C 25.907187 21.799516 31.723797 19.594297 31.841797 19.529297 C 32.255797 19.323297 31.758609 18.736156 31.474609 18.410156 C 31.367609 18.302156 20.848469 6.739375 20.730469 6.609375 C 20.232469 6.033375 19.996234 6 18.740234 6 z M 13.455078 13 C 13.455078 13 12.854797 13.077375 12.216797 13.734375 C 11.762797 14.172375 0.19104688 24
|