--- a/src/pyams_skin/resources/less/apps/mail.less Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,536 +0,0 @@
-/*
- * Mail-style application
- */
-
-#inbox-table {
- font-size: 13px;
- border-top: 0;
- border-left-color: transparent!important;
- border-right-color: transparent!important;
-
- tbody tr:hover {
- cursor: pointer;
- background: #E4E4E4;
- }
- tr td {
- border-right: 0;
- border-left: 0;
- line-height: 26px;
- padding: 6px 4px 7px!important;
- }
- .inbox-table-icon {
- padding-left: 15px!important;
-
- @media (max-width:979px) {
- padding-left: 10px!important;
- }
- }
- tbody tr th {
- overflow: hidden;
- }
- &.table tbody >tr >td {
- border-color: #fff!important;
- }
- .checkbox,
- .radio {
- margin-top: -1px;
- margin-bottom: 0;
- }
-}
-
-.inbox {
- &-badge {
- .minified & {
- border-radius: 50%;
- font-size: 9px;
- padding: 2px;
- position: absolute;
- top: 6px;
- right: 6px;
- background: #ED1C24;
- min-width: 13px;
- }
- }
- &-body {
- position: relative;
-
- .table-wrap {
- background: #fff;
- padding: 10px 14px 7px;
- position: relative;
- margin-left: 200px;
-
- @media (max-width:1024px) {
- margin-left: 0!important;
- }
- @media (max-width:979px) {
- padding: 0!important;
- }
- }
- &.no-content-padding {
- margin-top: 0;
- background: #fff;
- }
- }
- &-nav-bar {
- height: 70px;
- margin-bottom: 0;
- padding: 20px 14px;
- background: #fff;
-
- @media (max-width:979px) {
- padding-left: 5px;
- padding-right: 5px;
- }
- &.no-content-padding {
- @media (min-width:768px) and (max-width:880px) {
- margin-top: -10px!important;
- }
- @media (max-width:767px) {
- margin-top: -10px!important;
- }
- @media only screen and (min-width:0) and (max-width:679px) {
- margin-top: -10px!important;
- }
- @media only screen and (min-width:320px) and (max-width:479px) {
- margin-top: -10px!important;
- }
- }
- .page-title {
- display: inline-block;
- margin: 0;
- width: 196px;
- line-height: 33px;
- vertical-align: middle;
- }
- }
- &-footer {
- height: 52px;
- padding: 15px 14px 0;
- border-top: 1px solid #CECECE;
- background: #2a2725;
- position: absolute;
- bottom: -53px;
- width: 100%;
- }
- &-footer .btn-group,
- &-paging {
- margin-left: 10px;
- }
- &-data-attachment,
- &-table-icon {
- width: 28px;
- text-align: left;
- padding-left: 12px!important;
- padding-right: 0!important;
- }
- &-data-from {
- width: 200px;
- }
- &-data-from >:first-child {
- width: 200px;
- display: block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- &-data-date {
- width: 80px;
- padding-left: 7px!important;
- padding-right: 0!important;
- }
- &-data-message {
- >:first-child {
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- height: 27px;
- color: #8A8A8A;
-
- @media (max-width:979px) {
- height: 50px;
- overflow: hidden;
- }
-
- span {
- color: #111;
-
- &.label {
- color: #fff;
- }
- }
- >:first-child {
- @media (max-width:979px) {
- display: block!important;
- font-size: 14px;
- }
- &:after {
- content: " - ";
- }
- }
- }
- }
- &-checkbox-triggered {
- display: inline-block;
-
- >.btn-group {
- margin-right: 10px;
- }
- >.btn-group .btn {
- padding-left: 14px;
- padding-right: 14px;
-
- @media (max-width:979px) {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
- }
- &-side-bar {
- height: 100%;
- position: absolute;
- background: #fff;
- display: block;
- width: 200px;
- padding: 10px 0 10px 14px;
-
- @media (max-width:1024px) {
- display: none!important;
- }
- h6 {
- font-weight: 400;
- font-size: 11px;
- display: block;
- padding: 0 15px;
- text-transform: uppercase;
- color: #838383;
-
- a {
- font-size: 14px;
- margin-top: -2px;
- }
- .tooltip {
- text-transform: none!important;
- }
- }
- >.btn {
- margin-bottom: 35px;
- }
- .input-group {
- margin-bottom: 25px;
- }
- }
- &-space {
- display: block;
- width: 185px;
-
- >.progress {
- margin-top: 5px;
- }
- }
- .inbox-menu-lg {
- list-style: none;
- padding: 0;
- margin: 0 0 20px;
-
- .inbox-menu-lg li {
- display: block;
- width: 100%;
-
- a {
- display: block;
- padding: 6px 15px 7px;
- font-size: 13px;
- color: #333;
-
- &:hover {
- text-decoration: none;
- background: #f4f4f4;
- }
- }
- &.active a {
- font-weight: 700;
- background: #F0F0F0;
- border-bottom: 1px solid #E7E7E7;
- color: #3276b1;
- }
- }
- }
- .inbox-menu-sm {
- list-style: none;
- padding: 0;
- margin: 0 0 20px;
-
- .inbox-menu-sm li {
- display: block;
- width: 100%;
-
- a {
- display: block;
- padding: 8px 15px 10px;
- font-size: 13px;
- color: #333;
-
- &:hover {
- text-decoration: none;
- background: #f4f4f4;
- }
- }
- &.active a {
- font-weight: 700;
- background: #F0F0F0;
- border-bottom: 1px solid #E7E7E7;
- color: #3276b1;
- }
- }
- }
- &-info-bar {
- padding: 10px 0;
- border-bottom: 1px solid #bfbfbf;
-
- .form-group {
- margin: 0;
- }
- .form-group input,
- .select2-container-multi .select2-choices {
- border-color: #fff!important;
- }
- .select2-choices >div {
- display: none;
- }
- .col-md-1,
- .col-md-11 {
- padding-left: 0;
- padding-right: 0;
-
- @media (max-width:1024px) {
- padding-left: 26px;
- padding-right: 26px;
- }
- }
- img {
- width: 35px;
- height: auto;
- display: inline-block;
- vertical-align: middle;
- margin-right: 7px;
- margin-left: 2px;
- border-left: 3px solid #fff;
- }
- em {
- position: absolute;
- top: 6px;
- right: 20px;
- text-align: right;
- font-style: normal;
- }
- }
- &-download {
- .inbox-message {
- padding: 15px 4px;
- border-bottom: 1px solid #bfbfbf;
- }
- &-list {
- list-style: none;
- margin: 5px 0 0;
- padding: 0;
-
- li {
- display: inline-block;
- margin: 0 5px 0 0;
- vertical-align: top;
-
- >:first-child {
- margin-bottom: 0;
- width: 150px;
- overflow: hidden;
-
- &:hover {
- background: #fff;
- border-color: silver;
- }
- >:first-child {
- text-align: center;
- display: block;
- color: #D6D6D6;
-
- >.fa {
- font-size: 150px;
- }
- >img {
- max-width: 120px;
- }
- }
- }
- }
- }
- }
- &-compose-footer {
- padding: 10px;
- background: #F5F5F5;
- border-bottom: 1px solid #A9A9A9;
- }
- &-compose-footer,
- &-download,
- &-info-bar,
- &-message {
- margin-right: 240px;
- position: relative;
-
- @media (max-width:1280px) {
- margin-right: 0;
- }
- }
- &-table-icon {
- >:first-child {
- @media (max-width:979px) {
- margin-top: 12px;
- }
- }
- }
-}
-
-.unread {
- td {
- background: #fff;
- }
- .inbox-data-date >:first-child,
- .inbox-data-from >:first-child,
- .inbox-data-message >:first-child >:first-child {
- font-weight: 700;
- }
-}
-
-tr.highlight td,
-tr.unread.highlight td {
- background: #ffc!important;
- color: #333;
-}
-
-#compose-mail-mini {
- margin-left: 4px;
-}
-
-.email-open-header {
- margin: -10px 0 0 0;
- font-size: 20px;
- border-bottom: 1px solid #bfbfbf;
- border-top: 1px solid #eee;
- padding: 15px 3px;
-
- >span {
- font-size: 10px;
- font-weight: 400;
- padding: 3px 5px;
- letter-spacing: normal;
- text-transform: uppercase;
- vertical-align: middle;
- line-height: 33px;
- background: #ACACAC;
- }
-}
-
-.email-infobox {
- display: block;
- width: 180px;
- border-bottom: 1px solid #bfbfbf;
- padding-bottom: 0;
- padding-top: 15px;
- position: absolute;
- top: 65px;
- right: 15px;
-
- @media (max-width:1280px) {
- .email-infobox {
- display: none;
- }
- }
-}
-
-.email-reply-text {
- >div {
- border-left: 1px solid #D6D6D6;
- padding-left: 10px;
- margin-left: 50px;
- color: #A9A9A9;
- }
- >:first-child {
- padding-left: 45px;
- }
-}
-
-
-.profile {
- &-pic {
- text-align: right;
-
- >img {
- border-radius: 0;
- position: relative;
- border: 5px solid #fff;
- top: -30px;
- display: inline-block;
- text-align: right;
- z-index: 4;
- width: 120px;
- margin-bottom: -30px;
- }
- }
- &-carousel .carousel-inner {
- max-height: 150px;
- }
-}
-
-.friends-list li {
- margin-bottom: 10px;
-
- img {
- width: 35px;
- border: 1px solid #fff;
- outline: 1px solid #bfbfbf;
- }
-}
-
-.search-results {
- padding: 18px 5px;
-
- +.search-results {
- border-top: 1px dashed #E3E3E3;
- }
- >:first-child {
- margin-bottom: 4px;
- font-weight: 400;
-
- a {
- text-decoration: underline;
- }
- }
- .url {
- font-style: normal;
- font-size: 14px;
- }
- img {
- display: inline-block;
- margin-top: 4px;
- margin-right: 4px;
- width: 80px;
- }
- >div {
- display: inline-block;
- vertical-align: top;
- }
- .note {
- margin: 0;
- line-height: normal;
-
- a {
- text-decoration: none!important;
- color: #333;
-
- &:hover {
- color: #ed1c24;
- }
- }
- }
-}