gadmin
Version:
Free Bootstrap 4 Gentelella inspired admin template
24 lines (12 loc) • 11.7 kB
CSS
.g-activity__item{padding-bottom:10px}.g-activity__time{color:#90949c;font-size:80%}
.g-list{position:relative;display:block;padding-left:14px}.g-list__bullet{position:absolute;top:5px;left:0;font-size:60%}.g-list__bullet::before{content:"";font-weight:900;font-family:'Font Awesome 5 Free';font-style:normal}
.g-container{min-height:100%;background:#f7f7f7}@media (min-width: 768px){.g-container{margin-left:230px}}.g-container--collapse{-webkit-transform:translate(50px, 0);transform:translate(50px, 0)}@media (min-width: 768px){.g-container--collapse{position:static;left:auto;width:auto;margin-left:50px;-webkit-transform:none;transform:none}}
html{overflow-x:hidden;font-size:13px}body{overflow-x:hidden;color:#73879c;font-family:"Helvetica Neue", Arial, sans-serif;background:#2a3f54}a{color:#5a738e}a:hover{color:#23527c;text-decoration:none}
.g-main{padding:15px}.g-main__header{margin-bottom:15px}.g-main__title{display:inline-block;margin:0}.g-main__subtitle{font-weight:normal;font-size:1rem}
.g-section{margin-bottom:15px;padding:15px;background:#fff;border:1px solid #e6e9ed;border-radius:0.25em}.g-section__header{position:relative;margin-bottom:8px;padding-right:20px;border-bottom:2px solid #e6e9ed}.g-section__title{display:inline-block}.g-section__toolbar{position:absolute;top:0;right:0}.g-section__link:hover,.g-section__link[aria-expanded="true"]{color:#23527c }
.g-status-box{position:relative;min-height:108px;margin-bottom:15px;background:#fff;border:1px solid #e6e9ed;border-radius:0.25em}.g-status-box__content{position:absolute;z-index:1;width:100%;height:100%;padding:10px 15px}.g-status-box__icon{position:absolute;top:10px;right:15px;color:#e6e9ed;font-size:36px}.g-status-box__label{font-weight:700}.g-status-box__select{width:auto}.g-status-box__body{padding:10px 0}.g-status-box__value{display:block;color:#5a738e;font-size:32px;line-height:32px}.g-status-box__change{font-weight:700}.g-status-box__change--up{color:#26b99a}.g-status-box__change--down{color:#d9534f}.g-status-box__graph{position:absolute;bottom:0;opacity:0.25}.g-status-box__donut{position:absolute;right:15px;bottom:10px;width:60px;height:60px;opacity:0.25}
.g-footer{padding:15px;background:#fff;border-top:1px solid #e6e9ed}@media (min-width: 768px){.g-footer{margin-left:230px}}.g-footer--collapse{margin-left:50px}.g-footer--fixed .g-footer{position:fixed;bottom:0;width:100%;margin-left:0}.g-footer--fixed .g-container{margin-bottom:49px}
.g-navigation--fixed .g-header{position:fixed;width:100%}.g-navigation--fixed .g-sidebar{position:fixed}.g-navigation--fixed .g-container{margin-top:42px}
.g-header{position:relative;z-index:1000;height:42px;background:#ededed;border-bottom:1px solid #d9dee4}.g-header__title{display:block;float:left;width:50px;height:42px;color:#fff;font-size:2rem;background:#2a3f54}@media (min-width: 768px){.g-header__title{width:230px}}.g-header__title:hover{color:#fff}.g-header__site-name{display:none}@media (min-width: 768px){.g-header__site-name{display:inline-block}}.g-header__sidebar-toggle{margin:0 15px;color:#5a738e;font-size:2rem}.g-header__nav-item{height:100%}.g-header__nav-link{height:100%}.g-header__nav-link:hover,.g-header__nav-link[aria-expanded='true']{color:#23527c ;background:#d9dee4}.g-header__nav-link::after{display:none}.g-header__icon{position:relative;font-size:15px}.g-header__icon--caret{font-size:18px;line-height:19px}.g-header__alert{position:absolute;top:-12px;right:-10px;padding:2px 6px;color:#fff;font-weight:500;font-size:10px;font-family:'Helvetica Neue', Arial, sans-serif;line-height:13px}.g-header__profile-photo{width:29px;margin-right:10px}.g-header__dropdown-arrow{margin-left:5px;font-size:10px;line-height:11px}.g-notification{top:1px ;width:180px;margin-top:0;padding:0;overflow:hidden;border-top:0;border-radius:0 0 0.25em 0.25em}.g-notification__item{padding:10px}.g-notification--messages{width:280px}.g-notification--messages .g-notification__items{max-height:200px;overflow:auto}.g-notification--messages .g-notification__item{position:relative;border-bottom:1px solid #e9ecef}.g-notification--messages .g-notification__item:last-child{border-bottom:0}.g-notification--messages .g-notification__item--toolbar{padding:7px 10px;border-top:1px solid #e9ecef;border-bottom:0}.g-notification--messages .g-notification__time{position:absolute;top:10px;right:15px;color:#90949c;font-size:80%}.g-notification__image{width:40px;margin-right:10px}.g-notification__title{display:block;max-width:145px;overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.g-notification__message{display:block;max-width:208px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.g-notification__divider{margin:0}
.g-sidebar{position:absolute;top:0;z-index:999;display:none;width:230px;min-height:100%;padding:50px 0 35px;color:#fff;background:#2a3f54}@media (min-width: 768px){.g-sidebar{display:block}}.g-sidebar__profile{padding:10px}.g-sidebar__profile-photo{width:56px;margin-right:10px}.g-sidebar__profile-message{display:block;color:#bab8b8}.g-sidebar__profile-name{color:#ecf0f1;font-weight:300;font-size:14px}.g-sidebar__footer{position:fixed;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:230px;height:50px;margin:0;padding:0;list-style:none;background:#2a3f54}.g-sidebar__footer-list{float:left;width:25%;text-align:center;background:#172d44}.g-sidebar__footer-link{display:block;padding:5px 0;color:#5a738e;font-size:18px}.g-sidebar__footer-link:hover{color:#fff;background:#425567}.g-sidebar__menu-title{display:block;padding:7px 10px 7px;font-weight:700;font-size:11px;letter-spacing:0.5px;text-transform:uppercase;text-shadow:1px 1px #000}.g-sidebar__menu-item{position:relative;margin-top:1px}.g-sidebar__menu-item--arrow::after{position:absolute;top:16px;right:15px;color:#c4cfda;font-size:10px;content:"";font-weight:900;font-family:'Font Awesome 5 Free';font-style:normal}.g-sidebar__menu-item--active.g-sidebar__menu-item--arrow::after{content:'\f077'}.g-sidebar__menu-link{display:block;margin-bottom:1px;padding:12px 15px;color:#e7e7e7;cursor:pointer}.g-sidebar__menu-link:hover{color:#f2f5f7}.g-sidebar__menu-list{margin-bottom:10px;padding:0;color:#e7e7e7;font-weight:500;list-style:none}.g-sidebar__menu-list .g-sidebar__menu-list{display:none;margin:0}.g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-item{margin:0}.g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-item--arrow::after{top:8px}.g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-link{margin-bottom:0;padding:6px 15px 6px 45px;color:#cacfd4;font-size:12px}.g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-link:hover{color:#f2f5f7}.g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-link{padding-left:60px}.g-sidebar__menu-icon{width:26px;font-size:18px;font-style:normal;text-align:center}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--active,.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected{color:#f2f5f7;background-color:#324558}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--active>.g-sidebar__menu-link,.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected>.g-sidebar__menu-link{color:#f2f5f7;text-shadow:rgba(0,0,0,0.25) 0 -1px 0;background:-webkit-gradient(linear, left top, left bottom, from(#334556), to(#2c4257)),#2a3f54;background:linear-gradient(#334556, #2c4257),#2a3f54;-webkit-box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0;box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--active .g-sidebar__menu-link:hover,.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected .g-sidebar__menu-link:hover{background-color:#3d4f62}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--active .g-sidebar__menu-list>.g-sidebar__menu-item--active>.g-sidebar__menu-link,.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected .g-sidebar__menu-list>.g-sidebar__menu-item--active>.g-sidebar__menu-link{color:#f2f5f7;background-color:#3d4f62}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected{border-left:5px solid #1abb9c}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected .g-sidebar__menu-link{padding-left:40px}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected>.g-sidebar__menu-link{padding-left:10px}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected>.g-sidebar__menu-list{display:block}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected>.g-sidebar__menu-list>.g-sidebar__menu-item--selected>.g-sidebar__menu-list{display:block}.g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected .g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-link{padding-left:65px}.g-sidebar--collapse{display:block;width:50px}.g-sidebar--collapse .g-sidebar__site-name,.g-sidebar--collapse .g-sidebar__details,.g-sidebar--collapse .g-sidebar__menu-title,.g-sidebar--collapse .g-sidebar__menu-description{display:none}.g-sidebar--collapse .g-sidebar__title{text-align:center}.g-sidebar--collapse .g-sidebar__footer{display:none;width:50px}.g-sidebar--collapse .g-sidebar__menu-list{margin-bottom:0}.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item.g-sidebar__menu-item--arrow::after{display:none}.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item>.g-sidebar__menu-list{display:none }.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item>.g-sidebar__menu-list .g-sidebar__menu-link{padding-left:15px}.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item>.g-sidebar__menu-list .g-sidebar__menu-list .g-sidebar__menu-link{padding-left:30px}.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--toggle{background:-webkit-gradient(linear, left top, left bottom, from(#334556), to(#2c4257)),#2a3f54;background:linear-gradient(#334556, #2c4257),#2a3f54;-webkit-box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0;box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0}.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--toggle .g-sidebar__menu-description{position:absolute;top:0;left:50px;z-index:1000;display:block;width:180px;padding:13px 15px;background:#2a3f54;background:-webkit-gradient(linear, left top, left bottom, from(#334556), to(#2c4257)),#2a3f54;background:linear-gradient(#334556, #2c4257),#2a3f54;border-top-right-radius:0.25em;border-bottom-right-radius:0.25em;-webkit-box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0;box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0}.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--toggle>.g-sidebar__menu-list{position:absolute;top:43px;left:50px;display:block ;width:180px;padding-top:3px;background:#324558;border-bottom-right-radius:0.25em}.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected.g-sidebar__menu-item--toggle .g-sidebar__menu-description,.g-sidebar--collapse .g-sidebar__menu>.g-sidebar__menu-list>.g-sidebar__menu-item--selected.g-sidebar__menu-item--toggle>.g-sidebar__menu-list{left:45px}
.jvectormap--zoom-bottom .jvectormap-zoomin{top:inherit;bottom:30px}.jvectormap--zoom-bottom .jvectormap-zoomout{top:inherit;bottom:10px}