/* TYPE Link */ /* Selected link dynamic value */ .usof-link.show_atts_settings .action_toggle_menu { background-color: var(--usof-color-white); } /* Menu setup attributes */ .usof-link-attributes { display: none; padding: .5em .8em; margin: 0 .2em; background: var(--usof-color-white); box-shadow: var(--usof-box-shadow-small); border-radius: 4px; } .usof-link.show_atts_settings .usof-link-attributes { display: block; } .usof-link-attributes > .usof-checkbox { display: block; } .usof-link-attributes input[type=text] { margin-top: .6em; display: none; } .usof-link-attributes input[type=checkbox]:checked + input[type=text] { display: block; } .usof-link-search-results { position: absolute; z-index: 11; top: 2.8em; left: 0; right: 0; max-height: 200px; overflow-y: auto; overflow-x: hidden; border-radius: 4px; background-color: var(--usof-color-white); box-shadow: var(--usof-box-shadow-small); } .usof-link-search-results.loading:after { content: ''; display: block; height: 10px; width: 10px; margin: 10px auto; border: 2px solid; border-top-color: transparent; border-radius: 50%; background: inherit; animation: rotation .6s infinite cubic-bezier(.6,.3,.3,.6); } .usof-link-search-results-item { display: flex; padding: .4em .8em; line-height: 1.4; cursor: default; } .usof-link-search-results-item > i { font-size: .8em; font-style: normal; text-align: right; padding-left: 5px; margin-left: auto; margin-top: .25em; opacity: .5; } .usof-link-search-results-item:hover { background-color: var(--usof-color-gray-2); } .usof-link-search-message { padding: .4em .8em; text-align: center; }