/* primary-table td */
|
.primary-table.data-table-collapsible table td {
|
border-bottom: 1px solid #ccc;
|
}
|
|
/* echarts容器 */
|
.graph-container {
|
height: 100%;
|
background-color: #FFFFFF;
|
}
|
.graph-inner {
|
height: 100%;
|
}
|
.graph-inner .graph{
|
height: 100%;
|
}
|
|
/* margin */
|
.no-margin {
|
margin: 0;
|
}
|
/* text-align */
|
.center {
|
text-align: center;
|
}
|
|
.my-modal {
|
display: none;
|
position: absolute;
|
top: calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px) + var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) + var(--f7-page-content-extra-padding-top, 0px));
|
right: 0;
|
bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px));
|
left: 0;
|
z-index: 13000;
|
}
|
.my-modal.my-modal-show {
|
display: block;
|
}
|
.my-modal-rel {
|
position: relative;
|
height: 100%;
|
}
|
.my-modal-bg {
|
position: absolute;
|
top: 0;
|
right: 0;
|
bottom: 0;
|
left: 0;
|
z-index: 0;
|
background-color: #000;
|
opacity: 0.1;
|
}
|
.my-modal-container {
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 28%;
|
bottom: 0;
|
z-index: 1;
|
background-color: #fff;
|
}
|
.my-modal.my-modal-show .my-modal-container {
|
animation-name: mymodalshow;
|
animation-duration: .3s;
|
animation-timing-function: linear;
|
}
|
.my-modal-header {
|
background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image));
|
background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color)));
|
border-bottom: 1px solid #ccc;
|
}
|
.my-modal-header .title {
|
line-height: 28px;
|
}
|
.my-modal-content {
|
height: 500px;
|
overflow-y: auto;
|
}
|
.my-modal-footer {
|
background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image));
|
background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color)));
|
}
|
.my-modal-footer .row{
|
border-top: 1px solid #ccc;
|
padding: 8px;
|
}
|
|
@keyframes mymodalshow
|
{
|
0% {right: 100%;}
|
25% {right: 76%;}
|
50% {right: 52%;}
|
100% {right: 28%;}
|
}
|
|
.my-pages {
|
position: absolute;
|
top: 50%;
|
margin-top: -16px;
|
width: 32px;
|
height: 32px;
|
}
|
.my-pages-tmp-hide {
|
display:none;
|
}
|
.my-pages.my-pages-hide {
|
display: none;
|
}
|
.my-pages.my-pages-pre {
|
left: 8px
|
}
|
.my-pages.my-pages-next {
|
right: 8px
|
}
|
.my-pages:active {
|
color: #FF0000;
|
}
|
