No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins <style>*/ | ||
.treeview ul { | .treeview ul { | ||
list-style: none; | list-style: none; | ||
Line 19: | Line 19: | ||
margin: .4rem; | 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 { | |||
padding: 1.2em 1.5em; | |||
} | |||
.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; | |||
} |
Revision as of 22:56, 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 {
padding: 1.2em 1.5em;
}
.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;
}