jellyfish-web/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css

56 lines
1.2 KiB
CSS
Raw Normal View History

2018-10-23 01:13:23 +03:00
.emby-collapse {
margin: .5em 0
}
.collapseContent {
border-width: 0;
padding: 1.25em;
height: 0;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
overflow: hidden
}
.emby-collapsible-button {
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
text-align: left;
text-transform: none;
border-width: 0 0 .1em;
border-style: solid;
padding-left: .1em;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none
}
.emby-collapse-expandIcon {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 180ms ease-out;
-o-transition: transform 180ms ease-out;
transition: transform 180ms ease-out;
position: absolute;
right: .5em;
font-size: 1.5em
}
.emby-collapse-expandIconExpanded {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.emby-collapsible-title {
margin: 0;
padding: 0
}