jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/paperdialoghelper/paperdialoghelper.css

129 lines
2.8 KiB
CSS
Raw Normal View History

2016-01-29 19:43:11 -07:00
.paperDialog {
margin: 0;
2016-03-22 10:46:57 -07:00
border-radius: 4px;
z-index: 999999 !important;
background-color: #fff;
position: fixed;
margin: 24px 40px;
-webkit-overflow-scrolling: touch;
background: #ffffff;
color: #212121;
-webkit-font-smoothing: antialiased;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
height: auto;
border: 0;
padding: 0;
2016-01-29 19:43:11 -07:00
}
2016-01-30 13:59:09 -07:00
.paperDialog.fixedSize {
position: fixed !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
max-height: none !important;
max-width: none !important;
2016-03-22 10:46:57 -07:00
width: auto;
2016-01-30 13:59:09 -07:00
}
2016-01-29 19:43:11 -07:00
.paperDialog.scrollY {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
}
.paperDialog.hiddenScroll::-webkit-scrollbar {
display: none;
}
.paperDialog.hiddenScroll {
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
2016-01-30 13:59:09 -07:00
}
@media all and (min-width: 1280px) and (min-height: 720px) {
.paperDialog.medium {
top: 10% !important;
bottom: 10% !important;
left: 10% !important;
right: 10% !important;
}
.paperDialog.small {
top: 10% !important;
bottom: 10% !important;
left: 20% !important;
right: 20% !important;
}
}
@media all and (min-width: 1280px) and (min-height: 720px) {
.paperDialog.fullscreen-border {
top: 5% !important;
bottom: 5% !important;
left: 5% !important;
right: 5% !important;
}
}
.noScroll {
overflow-x: hidden !important;
overflow-y: hidden !important;
2016-03-22 10:46:57 -07:00
}
.paperDialog > * {
margin-top: 20px;
padding: 0 24px;
}
.paperDialog > *:first-child {
margin-top: 24px;
}
.paperDialog .buttons {
position: relative;
padding: 8px 8px 8px 24px;
margin: 0;
color: #3f51b5;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.dialogBackdrop {
background-color: #000;
opacity: 0;
position: fixed !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
z-index: 999998 !important;
transition: opacity ease-out 0.2s;
}
.paperDialog.opened + .dialogBackdrop {
opacity: .6;
}
.paperDialog::backdrop {
opacity: 0;
background-color: #000;
transition: opacity ease-out 0.2s;
}
.paperDialog.opened::backdrop {
opacity: .6;
}