{extends file=$smarty.const.SMARTY_LAYOUT_MAIN_GENERAL_PAGINATED_LISTING}

{block name="css" append}
<style>
ul.UDEF {
    list-style-type: none;
    margin: 0.25em;
    padding: 0;

    >li {
        margin-bottom: 0.25em;
        span.UDEF {
            display: inline-block;
            padding: 0.1em 0.25em;
            border-radius: 0.25em;

            &.key {
                background-color: hsl(0, 0%, 90%);
                border: 1px solid hsl(0, 0%, 75%);
            }

            &.value {
                background-color: hsl(0, 0%, 95%);
                border: 1px solid hsl(0, 0%, 80%);
            }

            &.arrow {
                &:before {
                    content: '→';
                    font-size: 1.75em;
                }
            }
        }
    }
}
</style>
{/block}
