mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
Build CSS
This commit is contained in:
github-actions[bot]
parent
19e03a348b
commit
a2e01fc601
255 changed files with 9815 additions and 2037 deletions
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ details {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ nav details.dropdown {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ label > details.dropdown {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.amber.min.css
vendored
4
css/pico.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ details {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ nav details.dropdown {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ label > details.dropdown {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.azure.min.css
vendored
4
css/pico.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ details {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ nav details.dropdown {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ label > details.dropdown {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.blue.min.css
vendored
4
css/pico.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.amber.min.css
vendored
4
css/pico.classless.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.azure.min.css
vendored
4
css/pico.classless.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.blue.min.css
vendored
4
css/pico.classless.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.amber.min.css
vendored
4
css/pico.classless.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.azure.min.css
vendored
4
css/pico.classless.conditional.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.blue.min.css
vendored
4
css/pico.classless.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.cyan.min.css
vendored
4
css/pico.classless.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.green.min.css
vendored
4
css/pico.classless.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.grey.min.css
vendored
4
css/pico.classless.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.jade.min.css
vendored
4
css/pico.classless.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.lime.min.css
vendored
4
css/pico.classless.conditional.lime.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.pink.min.css
vendored
4
css/pico.classless.conditional.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.red.min.css
vendored
4
css/pico.classless.conditional.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.sand.min.css
vendored
4
css/pico.classless.conditional.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.slate.min.css
vendored
4
css/pico.classless.conditional.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ main {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.conditional.zinc.min.css
vendored
4
css/pico.classless.conditional.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -203,19 +203,19 @@ input:not([type=submit],
|
|||
color-scheme: light;
|
||||
--pico-background-color: #fff;
|
||||
--pico-color: #373c44;
|
||||
--pico-text-selection-color: rgba(183, 136, 0, 0.25);
|
||||
--pico-text-selection-color: rgba(2, 154, 232, 0.25);
|
||||
--pico-muted-color: #646b79;
|
||||
--pico-muted-border-color: rgb(231, 234, 239.5);
|
||||
--pico-primary: #876400;
|
||||
--pico-primary-background: #ffbf00;
|
||||
--pico-primary: #0172ad;
|
||||
--pico-primary-background: #0172ad;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(135, 100, 0, 0.5);
|
||||
--pico-primary-hover: #694d00;
|
||||
--pico-primary-hover-background: #e8ae01;
|
||||
--pico-primary-underline: rgba(1, 114, 173, 0.5);
|
||||
--pico-primary-hover: #015887;
|
||||
--pico-primary-hover-background: #02659a;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(183, 136, 0, 0.5);
|
||||
--pico-primary-inverse: #000;
|
||||
--pico-primary-focus: rgba(2, 154, 232, 0.5);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #5d6b89;
|
||||
--pico-secondary-background: #525f7a;
|
||||
--pico-secondary-border: var(--pico-secondary-background);
|
||||
|
|
@ -279,7 +279,7 @@ input:not([type=submit],
|
|||
--pico-switch-background-color: #bfc7d9;
|
||||
--pico-switch-checked-background-color: var(--pico-primary-background);
|
||||
--pico-switch-color: #fff;
|
||||
--pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
|
||||
--pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||
--pico-range-border-color: #dfe3eb;
|
||||
--pico-range-active-border-color: #bfc7d9;
|
||||
--pico-range-thumb-border-color: var(--pico-background-color);
|
||||
|
|
@ -309,12 +309,12 @@ input:not([type=submit],
|
|||
[data-theme=light] details summary[role=button]::after,
|
||||
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||
filter: brightness(100) invert(1);
|
||||
filter: brightness(100) invert(0);
|
||||
}
|
||||
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||
filter: brightness(0) invert(1);
|
||||
filter: brightness(100) invert(0);
|
||||
}
|
||||
[data-theme=light] input:is([type=submit],
|
||||
[type=button],
|
||||
|
|
@ -343,19 +343,19 @@ input:not([type=submit],
|
|||
color-scheme: dark;
|
||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||
--pico-color: #c2c7d0;
|
||||
--pico-text-selection-color: rgba(199, 148, 0, 0.1875);
|
||||
--pico-text-selection-color: rgba(1, 170, 255, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #c79400;
|
||||
--pico-primary-background: #ffbf00;
|
||||
--pico-primary: #01aaff;
|
||||
--pico-primary-background: #0172ad;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(199, 148, 0, 0.5);
|
||||
--pico-primary-hover: #e8ae01;
|
||||
--pico-primary-hover-background: #fecc63;
|
||||
--pico-primary-underline: rgba(1, 170, 255, 0.5);
|
||||
--pico-primary-hover: #79c0ff;
|
||||
--pico-primary-hover-background: #017fc0;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(199, 148, 0, 0.375);
|
||||
--pico-primary-inverse: #000;
|
||||
--pico-primary-focus: rgba(1, 170, 255, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
--pico-secondary-border: var(--pico-secondary-background);
|
||||
|
|
@ -419,7 +419,7 @@ input:not([type=submit],
|
|||
--pico-switch-background-color: #333c4e;
|
||||
--pico-switch-checked-background-color: var(--pico-primary-background);
|
||||
--pico-switch-color: #fff;
|
||||
--pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
|
||||
--pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||
--pico-range-border-color: #202632;
|
||||
--pico-range-active-border-color: #2a3140;
|
||||
--pico-range-thumb-border-color: var(--pico-background-color);
|
||||
|
|
@ -462,30 +462,30 @@ input:not([type=submit],
|
|||
}
|
||||
:root:not([data-theme]) details summary[role=button]::after,
|
||||
:host(:not([data-theme])) details summary[role=button]::after {
|
||||
filter: brightness(100) invert(1);
|
||||
filter: brightness(100) invert(0);
|
||||
}
|
||||
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||
filter: brightness(100) invert(0);
|
||||
filter: brightness(100) invert(1);
|
||||
}
|
||||
}
|
||||
[data-theme=dark] {
|
||||
color-scheme: dark;
|
||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||
--pico-color: #c2c7d0;
|
||||
--pico-text-selection-color: rgba(199, 148, 0, 0.1875);
|
||||
--pico-text-selection-color: rgba(1, 170, 255, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #c79400;
|
||||
--pico-primary-background: #ffbf00;
|
||||
--pico-primary: #01aaff;
|
||||
--pico-primary-background: #0172ad;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(199, 148, 0, 0.5);
|
||||
--pico-primary-hover: #e8ae01;
|
||||
--pico-primary-hover-background: #fecc63;
|
||||
--pico-primary-underline: rgba(1, 170, 255, 0.5);
|
||||
--pico-primary-hover: #79c0ff;
|
||||
--pico-primary-hover-background: #017fc0;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(199, 148, 0, 0.375);
|
||||
--pico-primary-inverse: #000;
|
||||
--pico-primary-focus: rgba(1, 170, 255, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
--pico-secondary-border: var(--pico-secondary-background);
|
||||
|
|
@ -549,7 +549,7 @@ input:not([type=submit],
|
|||
--pico-switch-background-color: #333c4e;
|
||||
--pico-switch-checked-background-color: var(--pico-primary-background);
|
||||
--pico-switch-color: #fff;
|
||||
--pico-switch-thumb-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
|
||||
--pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||
--pico-range-border-color: #202632;
|
||||
--pico-range-active-border-color: #2a3140;
|
||||
--pico-range-thumb-border-color: var(--pico-background-color);
|
||||
|
|
@ -585,10 +585,10 @@ input:not([type=submit],
|
|||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||
}
|
||||
[data-theme=dark] details summary[role=button]::after {
|
||||
filter: brightness(100) invert(1);
|
||||
filter: brightness(100) invert(0);
|
||||
}
|
||||
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||
filter: brightness(100) invert(0);
|
||||
filter: brightness(100) invert(1);
|
||||
}
|
||||
|
||||
progress,
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.cyan.min.css
vendored
4
css/pico.classless.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.fuchsia.min.css
vendored
4
css/pico.classless.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.green.min.css
vendored
4
css/pico.classless.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.grey.min.css
vendored
4
css/pico.classless.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.indigo.min.css
vendored
4
css/pico.classless.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.jade.min.css
vendored
4
css/pico.classless.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.lime.min.css
vendored
4
css/pico.classless.lime.min.css
vendored
File diff suppressed because one or more lines are too long
6
css/pico.classless.min.css
vendored
6
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.orange.min.css
vendored
4
css/pico.classless.orange.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.pink.min.css
vendored
4
css/pico.classless.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.pumpkin.min.css
vendored
4
css/pico.classless.pumpkin.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.purple.min.css
vendored
4
css/pico.classless.purple.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.red.min.css
vendored
4
css/pico.classless.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.sand.min.css
vendored
4
css/pico.classless.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.slate.min.css
vendored
4
css/pico.classless.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.violet.min.css
vendored
4
css/pico.classless.violet.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.yellow.min.css
vendored
4
css/pico.classless.yellow.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2079,6 +2079,8 @@ details {
|
|||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2097,10 +2099,12 @@ details summary::-moz-list-bullet {
|
|||
}
|
||||
details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2354,6 +2358,8 @@ article > form > footer ol:has(+ [type=hidden]),
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -2914,7 +2920,6 @@ aside li [role=button] {
|
|||
*/
|
||||
nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -2935,6 +2940,10 @@ nav[role=navigation] > label {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
nav[role=navigation] > ul > li > [role=search],
|
||||
nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
nav[role=navigation] {
|
||||
|
|
@ -2948,6 +2957,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2955,18 +2965,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -2974,7 +2991,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -2989,6 +3008,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -2996,18 +3016,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3015,7 +3042,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -3030,6 +3059,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3037,18 +3067,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -3056,7 +3093,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -3071,6 +3110,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3078,18 +3118,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -3097,7 +3144,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -3112,6 +3161,7 @@ nav[role=navigation] > label {
|
|||
display: block;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3119,18 +3169,25 @@ nav[role=navigation] > label {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -3138,7 +3195,9 @@ nav[role=navigation] > label {
|
|||
text-decoration: none;
|
||||
}
|
||||
nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.classless.zinc.min.css
vendored
4
css/pico.classless.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
:root,
|
||||
|
|
|
|||
2
css/pico.colors.min.css
vendored
2
css/pico.colors.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ main {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ main {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pico nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.conditional.amber.min.css
vendored
4
css/pico.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ main {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ main {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pico nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.conditional.azure.min.css
vendored
4
css/pico.conditional.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ main {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ main {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pico nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.conditional.blue.min.css
vendored
4
css/pico.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -236,18 +236,18 @@ nav details.dropdown summary:focus-visible {
|
|||
color-scheme: light;
|
||||
--pico-background-color: #fff;
|
||||
--pico-color: #373c44;
|
||||
--pico-text-selection-color: rgba(0, 166, 110, 0.25);
|
||||
--pico-text-selection-color: rgba(5, 162, 162, 0.25);
|
||||
--pico-muted-color: #646b79;
|
||||
--pico-muted-border-color: rgb(231, 234, 239.5);
|
||||
--pico-primary: #007a50;
|
||||
--pico-primary-background: #007a50;
|
||||
--pico-primary: #047878;
|
||||
--pico-primary-background: #047878;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(0, 122, 80, 0.5);
|
||||
--pico-primary-hover: #005f3d;
|
||||
--pico-primary-hover-background: #006d46;
|
||||
--pico-primary-underline: rgba(4, 120, 120, 0.5);
|
||||
--pico-primary-hover: #025d5d;
|
||||
--pico-primary-hover-background: #046a6a;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(0, 166, 110, 0.5);
|
||||
--pico-primary-focus: rgba(5, 162, 162, 0.5);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #5d6b89;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
|
@ -391,18 +391,18 @@ nav details.dropdown summary:focus-visible {
|
|||
color-scheme: dark;
|
||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||
--pico-color: #c2c7d0;
|
||||
--pico-text-selection-color: rgba(0, 180, 120, 0.1875);
|
||||
--pico-text-selection-color: rgba(10, 177, 177, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #00b478;
|
||||
--pico-primary-background: #007a50;
|
||||
--pico-primary: #0ab1b1;
|
||||
--pico-primary-background: #047878;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(0, 180, 120, 0.5);
|
||||
--pico-primary-hover: #00cc88;
|
||||
--pico-primary-hover-background: #00895a;
|
||||
--pico-primary-underline: rgba(10, 177, 177, 0.5);
|
||||
--pico-primary-hover: #0ccece;
|
||||
--pico-primary-hover-background: #058686;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(0, 180, 120, 0.375);
|
||||
--pico-primary-focus: rgba(10, 177, 177, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
|
@ -546,18 +546,18 @@ nav details.dropdown summary:focus-visible {
|
|||
color-scheme: dark;
|
||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||
--pico-color: #c2c7d0;
|
||||
--pico-text-selection-color: rgba(0, 180, 120, 0.1875);
|
||||
--pico-text-selection-color: rgba(10, 177, 177, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #00b478;
|
||||
--pico-primary-background: #007a50;
|
||||
--pico-primary: #0ab1b1;
|
||||
--pico-primary-background: #047878;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(0, 180, 120, 0.5);
|
||||
--pico-primary-hover: #00cc88;
|
||||
--pico-primary-hover-background: #00895a;
|
||||
--pico-primary-underline: rgba(10, 177, 177, 0.5);
|
||||
--pico-primary-hover: #0ccece;
|
||||
--pico-primary-hover-background: #058686;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(0, 180, 120, 0.375);
|
||||
--pico-primary-focus: rgba(10, 177, 177, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
|
@ -2804,7 +2804,13 @@ main {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ main {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pico nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ main {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ main {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pico nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
4
css/pico.conditional.cyan.min.css
vendored
4
css/pico.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
|
||||
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
|
||||
* Copyright 2019-2025 - Licensed under MIT
|
||||
*/
|
||||
/**
|
||||
|
|
@ -2804,7 +2804,13 @@ main {
|
|||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
}
|
||||
.pico details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -2823,10 +2829,12 @@ main {
|
|||
}
|
||||
.pico details summary::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -3228,6 +3236,10 @@ main {
|
|||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pico nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
.pico nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
|
|
@ -3243,6 +3255,8 @@ main {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
/* V3 Remove, modifing the <legend> placement is disabled
|
||||
* in chrome.*/
|
||||
.pico fieldset[role=group] > legend {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -3892,7 +3906,6 @@ body:has(dialog[open]) {
|
|||
*/
|
||||
.pico nav[role=navigation] {
|
||||
z-index: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -3913,6 +3926,10 @@ body:has(dialog[open]) {
|
|||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.pico nav[role=navigation] > ul > li > [role=search],
|
||||
.pico nav[role=navigation] > ol > li > [role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 510px) {
|
||||
.pico nav[role=navigation] {
|
||||
|
|
@ -3926,6 +3943,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3933,18 +3951,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation] > [role=list] a:hover {
|
||||
|
|
@ -3952,7 +3977,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
|
|
@ -3967,6 +3994,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -3974,18 +4002,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
|
||||
|
|
@ -3993,7 +4028,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 950px) {
|
||||
|
|
@ -4008,6 +4045,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4015,18 +4053,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
|
||||
|
|
@ -4034,7 +4079,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
|
|
@ -4049,6 +4096,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4056,18 +4104,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
|
||||
|
|
@ -4075,7 +4130,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1450px) {
|
||||
|
|
@ -4090,6 +4147,7 @@ body:has(dialog[open]) {
|
|||
display: block;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
width: 90vw;
|
||||
|
|
@ -4097,18 +4155,25 @@ body:has(dialog[open]) {
|
|||
margin: 0 auto;
|
||||
background-color: var(--pico-muted-border-color);
|
||||
box-shadow: var(--pico-box-shadow);
|
||||
transition: max-height var(--pico-transition);
|
||||
opacity: 0;
|
||||
transition: max-height var(--pico-transition), opacity var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
|
||||
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
|
||||
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
|
||||
padding: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
|
||||
width: 100%;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
border-block-end: 1px solid transparent;
|
||||
transition: border-color var(--pico-transition), color var(--pico-transition);
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
|
||||
|
|
@ -4116,7 +4181,9 @@ body:has(dialog[open]) {
|
|||
text-decoration: none;
|
||||
}
|
||||
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/**
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue