-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathup.css
45 lines (45 loc) · 5.12 KB
/
up.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
#up-popups .popup .bnavar{height:44px;min-height:auto;margin:0;position:relative;padding:0;border:none;background:#2578c1;border-radius:0}
#up-popups .popup .close-popup{float:none;opacity:1;position:absolute;right:0;font:normal normal normal 14px/1;top:0;text-align:center;width:44px;height:44px;line-height:44px;color:#fff;text-shadow:none;cursor:pointer}
#up-popups .popup.has-footer .page-content{height:calc(100% - 83px)}
#up-popups .popup.active{z-index:9999999}
#up-popups .popup.leftJustify{width:50%!important;top:0;transform:translate3d(0,0,0)!important;left: 0 !important;right:auto;height:100%!important}
#up-popups .popup.rightJustify{width:50%!important;top:0;transform:translate3d(0,0,0)!important;left:auto;height:100%!important}
#up-popups .popup .navbar .title{line-height:44px;font-size:17px;color:#fff;padding:0 11px;width:calc(100% - 80px);overflow:hidden;height:100%;text-overflow:ellipsis;background:transparent;border:none}
#up-popups .popup .min{float:none;opacity:1;position:absolute;right:44px;font:normal normal normal 10px/1 FontAwesome;top:0;text-align:center;width:44px;height:44px;line-height:44px;color:#fff;text-shadow:none;cursor:pointer}
#up-popups .popup .min:before{content:"__"}
@keyframes popup-in {
0%{opacity:.7;transform:translate3d(0px,0px,0px) scale(.9)}
100%{opacity:1;transform:translate3d(0px,0px,0px) scale(1)}
}
#up-popups .popup.removeing{opacity:.7;transform:translate3d(0px,0px,0px) scale(.9);transition:all .3s ease}
.tab-bar{position:absolute;bottom:0;left:0;right:0;width:calc(100% - 408px);margin-left:160px;height:30px;display:flex}
.tab-bar .tab{height:100%;flex-grow:1;max-width:190px;background:#daecff;border:solid 1px #b5b5b5;margin:0 1px;border-bottom:none;overflow:hidden;text-overflow:ellipsis;min-width:80px;line-height:30px;padding:0 5px;color:#504d4d}
#up-popups .popup .loading:after{background:rgba(255,255,255,0.41)}
#up-popups .popup .close-popup:before{content:"X";font-family:sans-serif}
#up-popups .popup .navbar{height:44px;width:100%;background:#5b636be8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;left:0;top:0}
#up-popups .popup-tab-bar{position:fixed;z-index:9999999999999;bottom:0;left:0;padding:0 10px;display:flex;width:100%}
#up-popups .popup-tab-bar .tab{height:30px;background:#5b636be8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;flex-grow:1;flex-basis:0;max-width:200px;color:#333;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.19);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.19);box-shadow:0 0 5px 0 rgba(0,0,0,0.19);line-height:30px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#up-popups .popupContainer{width:100%;height:100%;position:fixed;top:0;left:0;display:block}
#up-popups .popupContainer .popup{width:30%;min-height:40%;max-height:90%;background:#fff;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%) scale(0.9);margin:0 auto;display:block;z-index:2;opacity:0;transition:all .3s ease;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.16);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.16);box-shadow:0 0 5px 0 rgba(0,0,0,0.16)}
@keyframes popup {
from{transform:translateY(-50%) scale(.9);opacity:0}
to{transform:translateY(-50%) scale(1);opacity:1}
}
#up-popups .popupContainer.active .popup{transform:translateY(-50%) scale(1);animation:popup .3s ease;opacity:1}
.title{position:absolute;top:0;left:0;width:100%;line-height:44px;padding:0 10px;color:#333;background:#fff;box-sizing:border-box;border-bottom:solid 1px #d8d8d8}
#up-popups .popup{width:60%;height:90%;margin:0 auto;position:fixed;z-index:999999;top:5%;left:0;right:0;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.28);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.28);box-shadow:0 0 5px 0 rgba(0,0,0,0.28);animation:popup-in .3s ease;border-radius:1px;overflow:hidden}
#up-popups .popup .page-content{background-color:#fff;position:relative;width:100%;height:calc(100% - 44px);top:44px;overflow:auto}
#up-popups .popup.medium{width:40%;height:80%}
#up-popups .popup.small{width:500px;max-width:100%;height:40%}
.overlay{background:rgba(128,128,128,0.51);z-index:9;position:fixed;height:calc(100% - 50px);width:100%;left:0;top:50px}
.alert-overlay{background:rgba(128,128,128,0.51);z-index:9;position:fixed;height:calc(100% - 50px);width:100%;left:0;top:50px}
#up-popups .popup .close-popup:hover,#up-popups .popup .min:hover{color:#ef3e33}
#up-popups .hidden,#up-popup-nav.hidden{display:none}
.tab.active{background:#fff!important;color:#5e5e5e;border-bottom:solid #1da1f2 2px}
.tab{font-variant:small-caps}
.popup-tab-bar{position:fixed;bottom:0;width:100%;text-align:right}
.tab{width:200px;background:#f5f5f5;display:inline-block;height:35px;text-align:center;line-height:35px;margin:0 10px;box-shadow:0 0 1px 0 rgba(0,0,0,0.32)}
#up-popup-nav{z-index:9;position:relative}
#up-overlay{position:fixed;background:#00000040;width:100%;height:100%;z-index:8;display:block;top:0;left:0}
#up-popups .popup .footer{background:#F4F4F4;clear:both;margin:0;overflow:hidden;padding:6px 10px 5px;width:100%;text-align:right;box-sizing:border-box;position:absolute;bottom:0;left:0}
#up-popups .popup button:not(.not-btn),#facebox .link_button{margin:0 0 0 3px;display:inline;padding:0 6px;height:28px;line-height:28px}