Sindbad~EG File Manager
/* +--------------------------------------------------------------------------+
// ? 2002-2007 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: accordion.css,v 1.7 2023/01/03 14:02:46 rtigero Exp $ */
.accordion {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.accordion h4 {
margin: 0;
padding: 0;
border: solid 1px #b8b8b8
}
.accordion:focus-within {
border-color: hsl(216deg 94% 43%);
}
.accordion:focus-within h3 {
background-color: hsl(0deg 0% 97%);
}
.accordion-trigger {
background: none;
color: hsl(0deg 0% 13%);
border: solid 1px #b8b8b8;
display: block;
font-size: 1rem;
font-weight: normal;
margin: 0;
padding: 1em 1.5em;
position: relative;
text-align: left;
width: 100%;
outline: none;
}
.accordion-trigger:focus,
.accordion-trigger:hover {
background: hsl(216deg 94% 94%);
cursor: pointer;
}
.accordion-trigger:focus {
outline: 4px solid transparent;
}
.accordion>*:first-child .accordion-trigger,
.accordion>*:first-child {
border-radius: 5px 5px 0 0;
}
.accordion > *:last-child .accordion-trigger,
.accordion > *:last-child {
border-radius: 0 0 5px 5px;
}
.accordion button {
border-style: none;
}
.accordion button::-moz-focus-inner {
border: 0;
}
.accordion-title {
display: block;
pointer-events: none;
border: transparent 2px solid;
border-radius: 5px;
padding: 0.25em;
outline: none;
}
.accordion-trigger:focus .accordion-title {
border-color: hsl(216deg 94% 43%);
}
.accordion-icon,
.accordion-icon-disabled {
border: solid currentcolor;
border-width: 0 2px 2px 0;
height: 0.5rem;
pointer-events: none;
position: absolute;
right: 2em;
top: 50%;
transform: translateY(-60%) rotate(45deg);
width: 0.5rem;
}
.accordion-trigger:focus .accordion-icon,
.accordion-trigger:hover .accordion-icon {
border-color: hsl(216deg 94% 43%);
}
.accordion-trigger[aria-expanded="true"] .accordion-icon {
transform: translateY(-50%) rotate(-135deg);
}
.accordion-panel {
margin: 0;
padding: 1em 1.5em;
border: solid 1px #b8b8b8;
border-top: 0px;
background-color: #f6f6f6;
}
.accordion-panel[hidden] {
display: none;
}
.accordion .accordion-panel fieldset {
border: 0;
margin: 0;
padding: 0;
}
.disabled {
cursor : not-allowed !important;
background-color : transparent !important;
color : #898484 !important;
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists