Line 56: | Line 56: | ||
} | } | ||
− | ul.csp-nav__menu li { | + | ul.csp-nav__menu li.csp-nav__menu-item { |
padding: 1.2em 1.5em; | padding: 1.2em 1.5em; | ||
+ | margin: 0; | ||
} | } | ||
Revision as of 22:58, 21 April 2022
/* CSS placed here will be applied to all skins <style>*/
.treeview ul {
list-style: none;
margin-left: 0;
padding-left: 20px;
}
/* Used for legend example */
legend.legend-example {
background-color: #000;
color: #fff;
padding: 3px 6px;
}
.legend-example-output {
font: 1rem 'Fira Sans', sans-serif;
}
input.legend-example {
margin: .4rem;
}
/* nav */
.csp-nav {
grid-template-columns: auto 1fr auto;
display: grid;
background: #739dbfff;
}
.csp-nav__logo {
background: #486d8dff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 2em;
}
.csp-nav__logo a {
max-width: 2em;
color: white;
font-weight: bold;
font-size: 1.5em;
line-height: .9;
}
.csp-nav__logo a::first-line {
color: #c0d3e2ff;
font-size: .75em;
}
ul.csp-nav__menu {
justify-self: end;
list-style: none;
display: flex;
margin: 0;
}
ul.csp-nav__menu li.csp-nav__menu-item {
padding: 1.2em 1.5em;
margin: 0;
}
.csp-nav__search {
position: relative;
display: flex;
align-items: center;
margin: 0.5em 0;
padding: 0 2em 0 1em;
border-left: 1px solid white;
}
input.csp-nav__search-input {
background: #486d8dff;
border: none;
width: 100%;
height: 1.9em;
}