@syncfusion/ej2
Version:
A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.
2 lines (1 loc) • 15.2 kB
CSS
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");/*! component icons */.e-pager .e-icon-last::before,.e-grid-menu .e-icon-last::before{content:'\e897'}.e-pager .e-icon-first::before,.e-grid-menu .e-icon-first::before{content:'\e896'}.e-pager .e-icon-prev::before,.e-grid-menu .e-icon-prev::before{content:'\e904'}.e-pager .e-icon-next::before,.e-grid-menu .e-icon-next::before{content:'\e913'}.e-pager.e-rtl .e-icon-last.e-lastpage::before,.e-pager.e-rtl .e-icon-last.e-lastpage:hover,.e-pager.e-rtl .e-icon-last.e-lastpagedisabled::before,.e-grid-menu.e-rtl .e-icon-last.e-lastpage::before,.e-grid-menu.e-rtl .e-icon-last.e-lastpage:hover,.e-grid-menu.e-rtl .e-icon-last.e-lastpagedisabled::before{content:'\e896'}.e-pager.e-rtl .e-icon-first.e-firstpage::before,.e-pager.e-rtl .e-icon-first.e-firstpage:hover,.e-pager.e-rtl .e-icon-first.e-firstpagedisabled::before,.e-grid-menu.e-rtl .e-icon-first.e-firstpage::before,.e-grid-menu.e-rtl .e-icon-first.e-firstpage:hover,.e-grid-menu.e-rtl .e-icon-first.e-firstpagedisabled::before{content:'\e897'}.e-pager.e-rtl .e-icon-prev.e-prevpage::before,.e-pager.e-rtl .e-icon-prev.e-prevpage:hover,.e-pager.e-rtl .e-icon-prev.e-prevpagedisabled::before,.e-grid-menu.e-rtl .e-icon-prev.e-prevpage::before,.e-grid-menu.e-rtl .e-icon-prev.e-prevpage:hover,.e-grid-menu.e-rtl .e-icon-prev.e-prevpagedisabled::before{content:'\e913'}.e-pager.e-rtl .e-icon-next.e-nextpage::before,.e-pager.e-rtl .e-icon-next.e-nextpage:hover,.e-pager.e-rtl .e-icon-next.e-nextpagedisabled::before,.e-grid-menu.e-rtl .e-icon-next.e-nextpage::before,.e-grid-menu.e-rtl .e-icon-next.e-nextpage:hover,.e-grid-menu.e-rtl .e-icon-next.e-nextpagedisabled::before{content:'\e904'}/*! Pager layout */.e-bigger .e-pager,.e-pager.e-bigger{font-size:13px;padding:4px 0 2px}.e-bigger .e-pager div.e-icons,.e-pager.e-bigger div.e-icons{font-size:13px}.e-bigger .e-pager div.e-parentmsgbar,.e-pager.e-bigger div.e-parentmsgbar{padding-bottom:8px;padding-right:24px;padding-top:18.66667px}.e-bigger .e-pager .e-pagerdropdown,.e-pager.e-bigger .e-pagerdropdown{height:40px;margin:-40px 0 0 16px;margin-top:-22px}.e-bigger .e-pager .e-pagerconstant,.e-pager.e-bigger .e-pagerconstant{margin-bottom:15px;margin-left:16px}.e-bigger .e-pager .e-pagercontainer,.e-pager.e-bigger .e-pagercontainer{margin:5px 8px 5px 24px}.e-bigger .e-pager.e-rtl .e-pagercontainer,.e-pager.e-bigger.e-rtl .e-pagercontainer{margin:5px 0 -4px 0}@media (max-width: 769px){.e-bigger .e-pager,.e-pager.e-bigger{padding:19px 0}.e-bigger .e-pager.e-rtl div.e-parentmsgbar,.e-pager.e-bigger.e-rtl div.e-parentmsgbar{margin-right:0}.e-bigger .e-pager div.e-parentmsgbar,.e-pager.e-bigger div.e-parentmsgbar{padding:0}}.e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,.e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,.e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,.e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default{margin-left:12px}.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,.e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default{margin-left:0;margin-right:12px}.e-bigger .e-pager.e-rtl div.e-parentmsgbar,.e-pager.e-bigger.e-rtl div.e-parentmsgbar{margin-left:6px;margin-top:-3px}.e-bigger .e-pager .e-numericitem,.e-pager.e-bigger .e-numericitem{margin:0 8px}.e-bigger .e-pager .e-pp.e-spacing,.e-bigger .e-pager .e-np.e-spacing,.e-bigger .e-pager .e-pp.e-spacing:hover,.e-bigger .e-pager .e-np.e-spacing:hover,.e-pager.e-bigger .e-pp.e-spacing,.e-pager.e-bigger .e-np.e-spacing,.e-pager.e-bigger .e-pp.e-spacing:hover,.e-pager.e-bigger .e-np.e-spacing:hover{padding:10px 13px}.e-bigger .e-pager .e-spacing,.e-bigger .e-pager .e-numericitem:hover,.e-bigger .e-pager .e-currentitem,.e-pager.e-bigger .e-spacing,.e-pager.e-bigger .e-numericitem:hover,.e-pager.e-bigger .e-currentitem{border-radius:16px;padding:10px 13px}.e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),.e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active){padding:10px 13px}.e-bigger .e-pager.e-rtl .e-spacing,.e-bigger .e-pager.e-rtl .e-numericitem:hover,.e-bigger .e-pager.e-rtl .e-currentitem,.e-pager.e-bigger.e-rtl .e-spacing,.e-pager.e-bigger.e-rtl .e-numericitem:hover,.e-pager.e-bigger.e-rtl .e-currentitem{margin:0 8px;padding:10px 13px}.e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),.e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active){padding:10px 13px}.e-bigger .e-pager.e-rtl .e-pp,.e-bigger .e-pager.e-rtl .e-np,.e-bigger .e-pager.e-rtl .e-pp:hover,.e-bigger .e-pager.e-rtl .e-np:hover,.e-pager.e-bigger.e-rtl .e-pp,.e-pager.e-bigger.e-rtl .e-np,.e-pager.e-bigger.e-rtl .e-pp:hover,.e-pager.e-bigger.e-rtl .e-np:hover{margin-top:-10px}.e-bigger .e-pager.e-rtl .e-pagerdropdown,.e-pager.e-bigger.e-rtl .e-pagerdropdown{margin:-38px 18px 0 0}.e-bigger .e-pager.e-rtl .e-pagerconstant,.e-pager.e-bigger.e-rtl .e-pagerconstant{margin:8px 16px 14px 0}.e-bigger .e-pager .e-pagercontainer .e-firstpage,.e-bigger .e-pager .e-pagercontainer .e-prevpage,.e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,.e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,.e-bigger .e-pager .e-pagercontainer .e-nextpage,.e-bigger .e-pager .e-pagercontainer .e-lastpage,.e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,.e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,.e-pager.e-bigger .e-pagercontainer .e-firstpage,.e-pager.e-bigger .e-pagercontainer .e-prevpage,.e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,.e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,.e-pager.e-bigger .e-pagercontainer .e-nextpage,.e-pager.e-bigger .e-pagercontainer .e-lastpage,.e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,.e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled{margin-right:16px;padding:6px}.e-pager{border-style:solid;border-width:1px;display:inline-block;font-size:13px;padding:0;white-space:normal;width:100%}.e-pager [class^='e-']{box-sizing:border-box}.e-pager div.e-parentmsgbar{float:right;padding-bottom:9px;padding-right:18px;padding-top:14px}.e-pager .e-pagesizes{display:inline}.e-pager .e-pagerdropdown{display:inline-block;height:32px;margin-left:12px;margin-right:0;margin-top:-22px;overflow:hidden;vertical-align:middle;width:90px}.e-pager .e-pagerconstant{display:inline-block;margin:0 0 11px 12px;overflow:hidden;width:auto}.e-pager .e-icons{font-size:9px}.e-pager .e-numericitem{border-right-style:solid;border-right-width:0;display:inline-block;line-height:1;margin-right:4px;min-width:26px;padding:5px 8px;text-align:center}.e-pager div.e-pagermsgdiv{padding-right:6px;padding-top:4px;text-align:right}.e-pager .e-firstpagedisabled,.e-pager .e-prevpagedisabled,.e-pager .e-nextpagedisabled,.e-pager .e-lastpagedisabled{opacity:.3}.e-pager .e-spacing,.e-pager .e-numericitem:hover,.e-pager .e-currentitem{border-radius:12px;cursor:pointer;padding:6px;text-decoration:none}.e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active){padding:6px}.e-pager .e-currentitem{font-style:normal;font-variant:normal;font-weight:normal}.e-pager div,.e-pager a{display:inline;-webkit-user-select:none;-ms-user-select:none;user-select:none}.e-pager .e-icons::before{display:inline-block}.e-pager .e-pagercontainer .e-firstpage,.e-pager .e-pagercontainer .e-prevpage,.e-pager .e-pagercontainer .e-firstpagedisabled,.e-pager .e-pagercontainer .e-prevpagedisabled,.e-pager .e-pagercontainer .e-nextpage,.e-pager .e-pagercontainer .e-lastpage,.e-pager .e-pagercontainer .e-nextpagedisabled,.e-pager .e-pagercontainer .e-lastpagedisabled{border-right-style:solid;border-right-width:0;display:inline-block;margin-right:12px;margin-top:5px;min-width:26px;padding:11px 9px 8px}.e-pager .e-pagercontainer .e-lastpage,.e-pager .e-pagercontainer .e-lastpagedisabled{border-right:0}.e-pager .e-firstpage:hover,.e-pager .e-prevpage:hover,.e-pager .e-lastpage:hover,.e-pager .e-nextpage:hover{cursor:pointer;text-decoration:none}.e-pager a.e-nextprevitemdisabled{display:none;margin-left:0;margin-right:0;padding-left:5px;padding-right:5px;text-decoration:none}.e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,.e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default{margin-left:9px}.e-pager .e-pagercontainer{border-radius:4px;border-style:solid;border-width:0;display:inline-block;margin:5px 6px 5px 18px;overflow:hidden}.e-pager .e-lastpage:Hover{border-radius:0 4px 4px 0}.e-pager .e-firstpage:Hover{border-radius:4px 0 0 4px}.e-pager .e-pagermessage,.e-pager .e-pagerexternalmsg{display:block;margin:6px;overflow:hidden;text-overflow:ellipsis}.e-pager .e-mfirst,.e-pager .e-mprev,.e-pager .e-mnext,.e-pager .e-mlast{display:none}.e-pager .e-mprev{text-indent:-3px}.e-pager .e-mnext{text-indent:-2px}.e-pager .e-mfirst,.e-pager .e-mprev,.e-pager .e-mnext,.e-pager .e-mlast{-webkit-tap-highlight-color:#fff}.e-pager .e-pp,.e-pager .e-np,.e-pager .e-pp:hover,.e-pager .e-np:hover{font-size:22px;font-weight:normal;letter-spacing:-.1em;padding:0 6px}@media (max-width: 769px){.e-pager{padding:13px 0}.e-pager div.e-parentmsgbar{box-sizing:border-box;display:inline-block;float:initial;padding-bottom:0;padding-right:0;padding-top:0;text-align:center;vertical-align:top;width:calc(60% - 48px)}.e-pager .e-pagesizes{display:none}.e-pager .e-pagecountmsg{display:none}.e-pager .e-pagercontainer{display:none}.e-pager .e-icons{font-size:11px}.e-pager .e-mfirst,.e-pager .e-mprev,.e-pager .e-mnext,.e-pager .e-mlast{border:0;box-sizing:border-box;display:inline-block;padding:1% 5%}.e-pager .e-mfirst{margin-right:4px;text-align:right;width:calc(10% + 11px)}.e-pager .e-mprev{margin:0 4px;text-align:right;width:10%}.e-pager .e-mnext{margin:0 4px;text-align:left;width:10%}.e-pager .e-mlast{margin-left:4px;text-align:left;width:calc(10% + 11px)}}.e-pager.e-rtl{direction:rtl}.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default{margin-left:0;margin-right:6px}.e-pager.e-rtl .e-pagercontainer,.e-pager.e-rtl div,.e-pager.e-rtl a{float:initial}.e-pager.e-rtl .e-parentmsgbar{float:left;margin-left:6px}.e-pager.e-rtl .e-pagerdropdown{margin:-30px 18px 0 10px}.e-pager.e-rtl .e-pagerconstant{margin:14px}.e-pager.e-rtl .e-pagerexternalmsg{float:none}.e-pager.e-rtl .e-pagercontainer{float:none;margin:5px 6px 5px 18px;padding:0}.e-pager.e-rtl .e-firstpage,.e-pager.e-rtl .e-prevpage,.e-pager.e-rtl .e-firstpagedisabled,.e-pager.e-rtl .e-prevpagedisabled,.e-pager.e-rtl .e-nextpage,.e-pager.e-rtl .e-lastpage,.e-pager.e-rtl .e-nextpagedisabled,.e-pager.e-rtl .e-lastpagedisabled{padding:9px 8px}.e-pager.e-rtl .e-firstpage::before,.e-pager.e-rtl .e-firstpage:hover,.e-pager.e-rtl .e-firstpagedisabled::before{content:'\e701'}.e-pager.e-rtl .e-prevpage::before,.e-pager.e-rtl .e-prevpage:hover,.e-pager.e-rtl .e-prevpagedisabled::before{content:'\e848'}.e-pager.e-rtl .e-nextpage::before,.e-pager.e-rtl .e-nextpage:hover,.e-pager.e-rtl .e-nextpagedisabled::before{content:'\e84b'}.e-pager.e-rtl .e-lastpage::before,.e-pager.e-rtl .e-lastpage:hover,.e-pager.e-rtl .e-lastpagedisabled::before{content:'\e716'}.e-pager.e-rtl .e-nextpage,.e-pager.e-rtl .e-nextpagedisabled,.e-pager.e-rtl .e-prevpage,.e-pager.e-rtl .e-prevpagedisabled,.e-pager.e-rtl .e-firstpage,.e-pager.e-rtl .e-firstpagedisabled{border-left-style:solid;border-left-width:0}.e-pager.e-rtl .e-nextpage,.e-pager.e-rtl .e-nextpagedisabled,.e-pager.e-rtl .e-prevpage,.e-pager.e-rtl .e-prevpagedisabled{border-right-style:none;border-right-width:0}.e-pager.e-rtl .e-firstpage,.e-pager.e-rtl .e-firstpagedisabled{border-right:medium none}.e-pager.e-rtl .e-firstpage:hover{border-radius:0 4px 4px 0}.e-pager.e-rtl .e-lastpage:hover{border-radius:4px 0 0 4px}.e-pager.e-rtl .e-numericcontainer{float:none}.e-pager.e-rtl .e-numericitem{border-left-style:solid;border-left-width:0;border-right-style:none;border-right-width:0;min-width:26px}.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,.e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default{margin-left:0;margin-right:9px}.e-pager.e-rtl .e-spacing,.e-pager.e-rtl .e-numericitem:hover,.e-pager.e-rtl .e-currentitem{margin:11px 4px 0 0;padding:6px}.e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active){padding:6px}.e-pager.e-rtl .e-pp,.e-pager.e-rtl .e-np,.e-pager.e-rtl .e-pp:hover,.e-pager.e-rtl .e-np:hover{margin-top:-2px;padding:3px 11px 9px}@media (max-width: 769px){.e-pager.e-rtl .e-mfirst,.e-pager.e-rtl .e-mprev,.e-pager.e-rtl .e-mnext,.e-pager.e-rtl .e-mlast{border:0}.e-pager.e-rtl.e-rtl div.e-parentmsgbar{float:initial;margin-left:0;margin-top:7px}.e-pager.e-rtl .e-parentmsgbar{float:right}}.e-pager.sf-pager .e-last,.e-pager.sf-pager .e-mnext,.e-pager.sf-pager .e-mlast{margin-left:-4px}.e-pager.sf-pager .e-prev{margin-left:-3px}.e-pager.sf-pager .e-link,.e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default{margin-left:0}/*! Pager theme */.e-pager{background-color:#fff;border-color:#e0e0e0;color:#000;opacity:.87}.e-pager div.e-icons{color:#000}.e-pager div.e-icons.e-disable{color:unset}.e-pager .e-pager-default:hover{background:#fff;color:#000;opacity:.87}.e-pager .e-parentmsgbar{font-weight:normal}.e-pager .e-spacing{color:#000;opacity:.87}.e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover{background:unset}.e-pager .e-numericitem:hover{color:#000;opacity:.87}.e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active){border-left:0 solid #e0e0e0}.e-pager .e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover{background-color:#eee;opacity:1}.e-pager .e-numericitem{background:#fff;border-right-color:#e0e0e0;color:#000}.e-pager .e-prevpagedisabled,.e-pager .e-prevpage,.e-pager .e-nextpage,.e-pager .e-nextpagedisabled,.e-pager .e-lastpagedisabled,.e-pager .e-lastpage,.e-pager .e-firstpage,.e-pager .e-firstpagedisabled{background-color:#fff;color:#000}.e-pager .e-lastpage,.e-pager .e-firstpage{background-color:transparent}.e-pager .e-pagercontainer{background-color:#fff;border-color:#e0e0e0}.e-pager .e-firstpage,.e-pager .e-prevpage,.e-pager .e-firstpagedisabled,.e-pager .e-prevpagedisabled,.e-pager .e-nextpage,.e-pager .e-lastpage,.e-pager .e-nextpagedisabled,.e-pager .e-lastpagedisabled{border-right-color:#e0e0e0}.e-pager .e-currentitem,.e-pager .e-currentitem:hover{background:#e3165b;color:#fff;opacity:1}@media (max-width: 590px){.e-pager .e-pager-default:hover{background:#fff;color:#000;opacity:.87}}.e-pager.e-rtl .e-numericitem{border-left-color:#e0e0e0}.e-pager.e-rtl .e-firstpage,.e-pager.e-rtl .e-prevpage,.e-pager.e-rtl .e-firstpagedisabled,.e-pager.e-rtl .e-prevpagedisabled,.e-pager.e-rtl .e-nextpage,.e-pager.e-rtl .e-lastpage,.e-pager.e-rtl .e-nextpagedisabled,.e-pager.e-rtl .e-lastpagedisabled{border-left-color:#e0e0e0}.e-pager.e-rtl .e-nextpage,.e-pager.e-rtl .e-nextpagedisabled{border-left-color:#e0e0e0}