toggle.css

Dateiinhalt

/*
 * https://github.com/ryanseddon/bootleg
 *
 * WTFPL - http://sam.zoy.org/wtfpl/
 */


:not(label) input[type="checkbox"]:not(#wrong),
:not(label) input[type="radio"] {
opacity: 0;
position: absolute;
/* Opera stills show an outline if not hidden */
visibility: hidden;
}
#buttons .btn-group > .btn {
line-height: 80px;
padding: 4px 30px;
}
.accordion-group {
position: relative;
}
.accordion-toggle {
margin: 0;
color: #2A6EBB;
}
.accordion-toggle:hover,
label[for="collapseAll"]:hover + .accordion-heading .accordion-toggle {
color: #2A6EBB;
text-decoration: none;
background: rgba(0,0,0,0.1) !important;
}
#collapse .accordion input ~ .collapse {
max-height: 0;
height: auto;
-webkit-transition: max-height 0.2s ease 0s;
-moz-transition: max-height 0.2s ease 0s;
-ms-transition: max-height 0.2s ease 0s;
-o-transition: max-height 0.2s ease 0s;
transition: max-height 0.2s ease 0s;
}
#collapse .accordion input:checked ~ .collapse {
max-height: 900px;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
#collapse .accordion input:checked ~ .collapse > div {
max-height: 900px;
overflow: auto;
}
#collapse .accordion input:checked + .accordion-dismiss {
position: absolute;
top: 0;
right: 0;
left: 0;
min-height: 36px;
}
#collapseAll:checked ~ .accordion-group label[for="collapseAll"],
#collapse .accordion input + label[for="collapseAll"] {
display: none;
}
#collapse .accordion input:checked + label[for="collapseAll"] {
display: block;
cursor: pointer
}
#collapse input[type="radio"]:checked ~ .accordion-dismiss {
display: block;
background: rgba(0,0,0,0.1) !important;
}
.accordion {
/*background: #fff;*/
}
.accordion {
margin-bottom: 20px;
}
.accordion-group {
margin-bottom: 2px;
border: 1px solid #C9CAC8;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
}
.accordion-heading {
border-bottom: 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
}
.accordion-heading .accordion-toggle {
display: block;
padding: 9px 15px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 15px;
background: #f5f5f5;
/* border-top: 1px solid #e5e5e5; */
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}