176 lines
11 KiB
CSS
176 lines
11 KiB
CSS
|
.app-wrapper {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
font-family: 'Raleway', sans-serif;
|
||
|
|
width: 100%;
|
||
|
|
border: 1px solid #eceeef;
|
||
|
|
border-radius: 0.25rem; }
|
||
|
|
|
||
|
|
.app-main {
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-ms-flex: 1 1 0%;
|
||
|
|
flex: 1 1 0%;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
border-left: 1px solid #eceeef;
|
||
|
|
background: #f7f7f9; }
|
||
|
|
|
||
|
|
.app-main-header {
|
||
|
|
height: 90px;
|
||
|
|
background: #fff;
|
||
|
|
padding: 1.5rem;
|
||
|
|
border-bottom: 1px solid #eceeef; }
|
||
|
|
|
||
|
|
.app-main-heading {
|
||
|
|
margin-bottom: 0;
|
||
|
|
line-height: 40px; }
|
||
|
|
|
||
|
|
.app-main-content {
|
||
|
|
-webkit-box-flex: 2;
|
||
|
|
-ms-flex: 2 2 0%;
|
||
|
|
flex: 2 2 0%; }
|
||
|
|
|
||
|
|
.app-panel {
|
||
|
|
height: calc(100% - 66px);
|
||
|
|
top: 66px;
|
||
|
|
position: fixed;
|
||
|
|
width: 340px;
|
||
|
|
left: -340px;
|
||
|
|
right: auto;
|
||
|
|
z-index: 997;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
background: #fff;
|
||
|
|
-webkit-transition: left .5s, top .5s;
|
||
|
|
transition: left .5s, top .5s;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
-ms-flex: 0 0 340px;
|
||
|
|
flex: 0 0 340px;
|
||
|
|
box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08); }
|
||
|
|
.app-panel.show {
|
||
|
|
left: 0; }
|
||
|
|
body.navbar-collapse-in .app-panel {
|
||
|
|
top: 132px; }
|
||
|
|
body.menubar-open .app-panel {
|
||
|
|
left: -340px; }
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.app-panel {
|
||
|
|
position: static;
|
||
|
|
height: auto;
|
||
|
|
box-shadow: none; } }
|
||
|
|
|
||
|
|
.app-panel-inner {
|
||
|
|
height: auto; }
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.app-panel-inner {
|
||
|
|
height: calc(100% - 90px);
|
||
|
|
overflow: hidden; } }
|
||
|
|
|
||
|
|
.app-panel-toggle {
|
||
|
|
position: absolute;
|
||
|
|
top: 25%;
|
||
|
|
right: -30px;
|
||
|
|
display: block;
|
||
|
|
width: 30px;
|
||
|
|
height: 50px;
|
||
|
|
background: #fff;
|
||
|
|
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08); }
|
||
|
|
.app-panel-toggle .fa {
|
||
|
|
text-align: center;
|
||
|
|
line-height: 50px;
|
||
|
|
width: 25px;
|
||
|
|
font-size: 1.13rem; }
|
||
|
|
.app-panel-toggle .fa-chevron-left {
|
||
|
|
display: none; }
|
||
|
|
.show .app-panel-toggle .fa-chevron-left {
|
||
|
|
display: block; }
|
||
|
|
.show .app-panel-toggle .fa-chevron-right {
|
||
|
|
display: none; }
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.app-panel-toggle {
|
||
|
|
display: none; } }
|
||
|
|
|
||
|
|
.panel-item {
|
||
|
|
border: 1px solid #eceeef;
|
||
|
|
border-radius: 0.25rem;
|
||
|
|
margin-bottom: .5rem;
|
||
|
|
padding: .75rem; }
|
||
|
|
.panel-item:last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
|
||
|
|
a.panel-item {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
.app-search {
|
||
|
|
position: relative;
|
||
|
|
height: 90px;
|
||
|
|
padding: 1.5rem;
|
||
|
|
border-bottom: 1px solid #eceeef; }
|
||
|
|
.app-search .search-field {
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
box-shadow: none;
|
||
|
|
width: 100%;
|
||
|
|
height: 40px;
|
||
|
|
padding: .75rem;
|
||
|
|
border-radius: 500px;
|
||
|
|
border: 1px solid #eceeef; }
|
||
|
|
.app-search .search-icon {
|
||
|
|
position: absolute;
|
||
|
|
top: 2.25rem;
|
||
|
|
right: 2.25rem; }
|
||
|
|
|
||
|
|
.inbox-cat-list .panel-item.active, .inbox-cat-list .panel-item:focus, .inbox-cat-list .panel-item:hover {
|
||
|
|
color: #fff;
|
||
|
|
border-color: #60c84c;
|
||
|
|
background: #60c84c; }
|
||
|
|
.inbox-cat-list .panel-item.active *, .inbox-cat-list .panel-item:focus *, .inbox-cat-list .panel-item:hover * {
|
||
|
|
color: #fff; }
|
||
|
|
|
||
|
|
.mail-cat-name {
|
||
|
|
margin: 0;
|
||
|
|
font-size: 1rem; }
|
||
|
|
.mail-cat-name small {
|
||
|
|
color: #60c84c;
|
||
|
|
font-size: .75rem; }
|
||
|
|
|
||
|
|
.mail-item {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
border: 1px solid #eceeef;
|
||
|
|
padding: .75rem;
|
||
|
|
margin-bottom: .5rem;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 0.25rem; }
|
||
|
|
.mail-item:last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
.mail-item .mail-item-check,
|
||
|
|
.mail-item .mail-item-star {
|
||
|
|
margin-right: 1rem; }
|
||
|
|
.mail-item .mail-item-star {
|
||
|
|
color: #eceeef;
|
||
|
|
font-size: 1rem;
|
||
|
|
cursor: pointer; }
|
||
|
|
.mail-item .mail-item-star.checked, .mail-item .mail-item-star:hover {
|
||
|
|
color: #60c84c; }
|
||
|
|
.mail-item .mail-item-title {
|
||
|
|
margin: 0 0 auto 0;
|
||
|
|
font-size: 1rem; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,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ZTtJQUNmLGdCQUFnQjtJQUNoQixnQkFBZ0IsRUFBRTtJQUNsQjtNQUNFLGVBQWUsRUFBRTtFQUNyQjtJQUNFLG1CQUFtQjtJQUNuQixnQkFBZ0IsRUFBRSIsImZpbGUiOiJhcHBzL2luYm94LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hcHAtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtZmFtaWx5OiAnUmFsZXdheScsIHNhbnMtc2VyaWY7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtOyB9XG5cbi5hcHAtbWFpbiB7XG4gIGZsZXg6IDEgMSAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBiYWNrZ3JvdW5kOiAjZjdmN2Y5OyB9XG5cbi5hcHAtbWFpbi1oZWFkZXIge1xuICBoZWlnaHQ6IDkwcHg7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlY2VlZWY7IH1cblxuLmFwcC1tYWluLWhlYWRpbmcge1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBsaW5lLWhlaWdodDogNDBweDsgfVxuXG4uYXBwLW1haW4tY29udGVudCB7XG4gIGZsZXg6IDIgMiAwJTsgfVxuXG4uYXBwLXBhbmVsIHtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA2NnB4KTtcbiAgdG9wOiA2NnB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAzNDBweDtcbiAgbGVmdDogLTM0MHB4O1xuICByaWdodDogYXV0bztcbiAgei1pbmRleDogOTk3O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB0cmFuc2l0aW9uOiBsZWZ0IC41cywgdG9wIC41cztcbiAgZmxleDogMCAwIDM0MHB4O1xuICBib3gtc2hhZG93OiAycHggMCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTsgfVxuICAuYXBwLXBhbmVsLnNob3cge1xuICAgIGxlZnQ6IDA7IH1cbiAgYm9keS5uYXZiYXItY29sbGFwc2UtaW4gLmFwcC1wYW5lbCB7XG4gICAgdG9wOiAxMzJweDsgfVxuICBib2R5Lm1lbnViYXItb3BlbiAuYXBwLXBhbmVsIHtcbiAgICBsZWZ0OiAtMzQwcHg7IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgLmFwcC1wYW5lbCB7XG4gICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgYm94LXNoYWRv
|