/cms/source/cmsMailOutbox.css
CSS | 294 lines | 253 code | 21 blank | 20 comment | 0 complexity | 553e6e45bd0f69977e89a4d2187af7cb MD5 | raw file
- /*
- cms-demo
- Property of Querix Ltd.
- Copyright (C) 2016 Querix Ltd. All rights reserved.
- This program is free software: you can redistribute it.
- You may modify this program only using Lycia.
-
- This program is distributed in the hope that it will be useful,
- but without any warranty; without even the implied warranty of
- merchantability or fitness for a particular purpose.
-
- Email: info@querix.com
- */
-
- tr::before,
- tr::after,/*Order: 2 Dash between name and email*/
- td:nth-child(1),/*ID*/
- td:nth-child(2),/*Date*/
- td:nth-child(3),/*From name*/
- td:nth-child(4),/*From email*/
- td:nth-child(5),/*To email*/
- td:nth-child(6),/*Subj*/
- td:nth-child(7),/*Flag*/
- td:nth-child(8),/*Priority*/
- td:nth-child(9), /*Status*/
- td:nth-child(10) /*Content*/{}
-
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(3) {
- order: 1;
- flex-basis: auto;
- flex-grow: 0;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody tr::after {
- order: 2;
- flex-basis: auto;
- flex-grow: 0;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(4) {
- order: 3;
- flex-basis: auto;
- flex-grow: 0;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(2) {
- order: 4;
- flex-basis: 70%;
- flex-grow: 1;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(6) {
- order: 5;
- flex-basis: 100%;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(10) {
- order: 99;
- flex-basis: 100%;
- }
-
-
- .cmsfb .qx-aum-grid-panel.qx-c-minimal.qx-identifier-cntdetail1,
- .cmsfb .qx-aum-grid-panel.qx-c-minimal.qx-identifier-cntdetail2,
- .cmsfb .qx-aum-grid-panel.qx-c-minimal.qx-identifier-cntstatusbar,
- .cmsfb .qx-identifier-rb_open_filter {
- display: none;
- }
-
- /*make higher specificity than table styles in transformers.css*/
- .cmsfb .qx-identifier-sa_mailbox.qx-aum-table.qx-table.qx-aum {
- /*background-color: #f0f3f4;*/
- background-color: transparent;
- border: none;
- flex-basis: 100%;
- }
-
- /*Turn elements with table and table-* display into block elements*/
- .cmsfb .qx-aum-table.qx-table.qx-aum,
- .cmsfb .qx-aum-table.qx-table.qx-aum > div,
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-brow,
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-brow > div,
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-brow .qx-bcell,
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-brow .qx-bcell > .qx-tbody
- {
- position: static !important;
- display: block !important;
- display: flex !important;
- min-height: auto !important;
- max-height: auto !important;
- min-width: auto !important;
- max-width: auto !important;
- width: auto !important;
- height: auto !important;
- padding: 0 !important;
- margin: 0 !important;
- }
-
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody > tbody {
- display: flex;
- flex-flow: row wrap;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-hrow, .qx-aum-table .qx-frow,
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody > thead, .qx-aum-table .qx-tbody > tfoot {
- display: none;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody tr {
- margin: .5em 1em;
- padding: 1.2em 1em 50px 2.5em;
- display: flex;
- flex-flow: row wrap;
- flex: 1 0 98%;
- align-self: stretch;
- border-radius: 4px;
- background-color: #ffffff;
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.0);
- position: relative;
- }
-
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td {
- display: flex;
- flex-flow: column;
- justify-content: center;
- height: auto !important;
- border: none;
- padding-left: 0;
- }
-
- /*Styles with :nth-child pseudo-class are table structure dependent*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(1),/*ID*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(5),/*To email*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(7),/*Flag*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(8),/*Priority*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(9) /*Status*/ {
- display: none;
- }
-
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody tr::after,
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(2),/*Date*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(3),/*From name*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(4)/*From email*/ {
- color: #828a8f;
- font-size: 12px;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(3) .qx-text {
- text-transform: capitalize;
- }
- /*Order: 2 Dash between name and email*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody tr::after {
- content: '\2012';
- padding: 0 .1em;
- align-self: center;
- }
- /*Order: 3 'from' email*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(4) {
- padding-left: .1em;
- }
- /*Order: 4 email date*/
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(2) {
- flex-grow: 1;
- }
-
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(2) label {
- justify-content: flex-end;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(6)/*email subj*/ {
- font-family: Open Sans;
- font-size: 17px;
- color: #545f66;
- padding-bottom: .5em;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(10)/*email text*/ {
- font-family: Open Sans;
- font-weight: 100;
- font-size: 13px;
- line-height: 1.5;
- color: #4c555a;
- max-height: 3em;
- min-height: 3em;
- text-overflow: ellipsis;
- overflow: hidden;
- justify-content: flex-start;
- }
-
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(10) > label {
- position: relative;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody td:nth-child(10) > label > span {
- position: absolute;
- top: 0;
- left: 0;
- text-align: left;
- }
-
-
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody tr::before {
- content: "";
- width: 0;
- height:0;
- border-width: 5px;
- border-style: solid;
- border-radius: 50%;
- opacity: .1;
- position: absolute;
- top: 2em;
- left: calc((2.5em - 10px)/2);
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody tr.qx-mail-r::before {
- border-color: #8cc152;
- opacity: .2;
- }
- .cmsfb .qx-aum-table.qx-table.qx-aum .qx-tbody tr.qx-mail-u::before {
- border-color: #5cacde;
- opacity: 1;
- }
- .cmsfb .cms-mail-ctrl {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- height: 50px !important;
- padding: 1em 1em 1em 2.5em;
- display: flex;
- flex-flow: row !important;
- background-color: #fafafa;
- }
-
- .cmsfb .cms-mail-ctrl > p {
- display: flex;
- flex-flow: row;
- padding: 0;
- margin: 0;
- flex: 1 0;
- }
- .cmsfb .cms-mail-ctrl > p:nth-child(2) {
- flex: 0 0;
- }
-
- .cmsfb .cms-mail-ctrl a {
- background-repeat: no-repeat;
- background-position: center center;
- width: 2em;
- height: 2em;
- border: 1px solid transparent;
- border-radius: 4px;
- text-indent: -10000px;
- cursor: pointer;
- }
-
- .cmsfb .cms-mail-ctrl a:hover {
- border-color: #ccc;
- }
- .cmsfb .cms-mail-ctrl a:active {
- border-color: #c22;
- }
-
- .cmsfb .cms-mail-ctrl .cms-mail-reply {
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAMAAAAYXScKAAAAAXNSR0IArs4c6QAAAUpQTFRFAAAA////////////////zMzM1dXV29vb39/f0dHR1dXVxMTEyMjIw8PDxsbGycnJzMzMysrKyMjIwcHBx8fHw8PDxsbGwcHBxMTExsbGwcHBwsLCxcXFxMTEwsLCw8PDwcHBxMTEw8PDwcHBwsLCwcHBwsLCwMDAwcHBwsLCwsLCwcHBwsLCw8PDwcHBwsLCwsLCwsLCwMDAwMDAwcHBwsLCwcHBwcHBwcHBwsLCwMDAwcHBwsLCwcHBwMDAwcHBwcHBwcHBwMDAwcHBwcHBwMDAwcHBwMDAwcHBwMDAwcHBwcHBwcHBwMDAwcHBwMDAwcHBwMDAwcHBwcHBwcHBwcHBwcHBwcHBwcHBwMDAwcHBwcHBwMDAwcHBwMDAwcHBwcHBwMDAwMDAwcHBwMDAwMDAwMDAwcHBwcHBwMDAwcHBwMDAwcHBwMDA9lRK5AAAAG10Uk5TAAECAwQFBgcICwwNDhESExQYHB0gIiQlJygpLjA0Njc6PEBGR0pPUVJTVFpcXWNkaGxucnR1d3h8gYqLjZCSlZeYmqChoqSnqaussra3vb/Bw8nMzc7S1dnc3d7g4uPl5ufo6uvz9PX2+Pr8/qK1uZcAAADvSURBVBgZbcFnW4EBAIbRmyYqWhpab/OlKe09VNp7LyEjnv//Nasu0jkUDb17qND7KZO/3NG0TP5ofooHZFKu4fZr2JBJmdqzzASGdicH6/llDWkODGXFj/op2tAaUONsco9uJxVqImdB+xZ+OA/02E3WR8JFCX8m0gKMZ87rKOHXdS0Q0KEV7L19HVXkBDVL1oo2wZCUugk0giMStQGWPS1haGt+51mJdQd+ecmqPtW0IR8wcKzXEXsySI7tKr0qHzljscziyR15rgfJS17nm8IxCtrCMinoiitFkeeinaIpvVDJen/JP2aW+UdrzzfGey6y14zkdgAAAABJRU5ErkJggg==');
- }
- .cmsfb .cms-mail-ctrl .cms-mail-forward {
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAMAAAAYXScKAAAAAXNSR0IArs4c6QAAAVBQTFRFAAAA////////////////1dXV29vb39/f0dHR1dXVxMTEyMjIw8PDxsbGycnJzMzMysrKyMjIwcHBxcXFw8PDxsbGwcHBw8PDxsbGwcHBwsLCxcXFxMTEwMDAw8PDwcHBxMTEwMDAwcHBw8PDwcHBwsLCwMDAwcHBwsLCwsLCwMDAwcHBwsLCw8PDwcHBwsLCwcHBwcHBwsLCwMDAwsLCwMDAwcHBwsLCwcHBwcHBwsLCwsLCwMDAwcHBwsLCwcHBwMDAwcHBwcHBwMDAwcHBwcHBwMDAwcHBwMDAwcHBwMDAwMDAwcHBwcHBwcHBwMDAwcHBwMDAwcHBwMDAwcHBwcHBwcHBwcHBwcHBwcHBwcHBwMDAwcHBwcHBwMDAwcHBwMDAwcHBwcHBwMDAwMDAwcHBwMDAwMDAwMDAwcHBwcHBwMDAwcHBwMDAwcHBwMDA7JE0tgAAAG90Uk5TAAECAwQGBwgLDA0OERITFBgcHR8iJCUmKCkuMDQ1Nzo8QUZISk9RUlNUVVpcXWJkZ2tsbnFydHV3eH2BiouNkJKVl5qgoaKkp6mqq6yytre9v8HDyczNztLV2dzd3uDi4+Xm5+jq6/P09fb4+vz+d09WcgAAAPBJREFUGBltwXc3QgEAh+FXhFDZI+Ga1x6RPUP23nuWRPf3/f/TbZxzT3keHAJvPRQz9RWkiKlUrIlCpsKJx1oKmDJ6f2+qcajoHtuSwah16iav8zChNANmteciw7uvZKS/yesrA1a1jq3tQbs+8kp2NA/UfVpTOPi/P8B9pRAO5WfWCExrG1tpc0fQA64DzUBl7LMKasLXP5IM2NAyMKgQVWtJPW3ORWSwqGgJEE16+l501AUMy5jQSRlpt8cLVnwA25BWUpeV2OLvem0hY1C695Pxo0QrWabeG8h61jg5jecBci7uXBRbmuQf7fUU+wN9Vy9PzHNWagAAAABJRU5ErkJggg==');
- }
- .cmsfb .cms-mail-ctrl .cms-mail-redirect {
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAMAAAACYceEAAAAAXNSR0IArs4c6QAAAIRQTFRFAAAA////zMzM1dXVyMjIysrKwcHBxMTExsbGwsLCxMTEwMDAwsLCw8PDxMTEw8PDwsLCwcHBwcHBwsLCwcHBwMDAwcHBwMDAwcHBwMDAwcHBwcHBwcHBwMDAwMDAwMDAwcHBwMDAwMDAwcHBwcHBwMDAwMDAwMDAwcHBwcHBwcHBwMDArQvipwAAACt0Uk5TAAIFDBcYJScoMjQ1Njc4QFhjeHmQkpObsL/BwsnP2Nze3+Di5ufv8PHy/sxNm8QAAACJSURBVCjPjdLZEoIwDIXh3xUVxB13EQWK5v3fzwuXaaEZPLffTCfJKQCLy1PcZKsOwFzOycbNUZYA+7RLPYcrQLZrAGsBuP2kN9AkqWJHZuOvDPNqaouVIDeRXwgKE/qFUVFO3rI91XKXst8izddMqE0QKVN/Fmrb1LrOI/7zonoLenN62/4f8gJ4qRjHhW4QMQAAAABJRU5ErkJggg==');
- }
- .cmsfb .cms-mail-ctrl .cms-mail-delete {
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAMAAAD6gTxzAAAAAXNSR0IArs4c6QAAAI1QTFRFAAAA////xsbGxsbGwcHBx8fHw8PDxcXFxsbGwcHBxMTExcXFwMDAxMTEwsLCw8PDwMDAw8PDwsLCw8PDwcHBwcHBwMDAwcHBwcHBwcHBwMDAwcHBwcHBwMDAwcHBwMDAwMDAwcHBwcHBwMDAwcHBwcHBwcHBwMDAwcHBwMDAwMDAwcHBwcHBwMDAwMDAubGyOwAAAC50Uk5TAAISGx0gIiMkJScwNTg7QEFEYGFiZm53eICOj5ibnaeqrLG3xMXS097g6/Hy+DRYfA4AAACbSURBVBjTvZBXD4JQDEa/C4jK3i42yKb//+d5CYRh4qvnoU1P0nQAE2JNnFrERkA3x7lTMFdMN00z7Hkw+5AHnaGgLwpQdDoQEYbqcaAa4Hdju2PsfCAud6NRxvipbIbLGcwG3ouSSUOWQSN5VQoZyHMYpKyN/1cSqUgSqCTNe71ahisgCOCJtU+uLEpdZ8FNyZou9ZrtpY0HfACOyx3VptGJSgAAAABJRU5ErkJggg==');
- }
-
- .cmsfb .cms-mail-ctrl p.status > a {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .cmsfb .cms-mail-ctrl p.status > ::before {
- text-indent: 0;
- content: '\f11d';
- font-family: FontAwesome;
- }
- .cmsfb .cms-mail-ctrl .cms-mail-closed::before {
- color: #e54d42;
- }
- .cmsfb .cms-mail-ctrl .cms-mail-open::before {
- color: #8cc152;
- }
- .cmsfb tr.qx-mail-c .cms-mail-ctrl .cms-mail-closed::before,
- .cmsfb tr.qx-mail-o .cms-mail-ctrl .cms-mail-open::before {
- content: '\f024';
- }
-
- .cmsfb .cms-compose-button {
- width: 196px;
- height: 44px;
- border-radius: 100px;
- background-image: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0)), linear-gradient(to bottom, #4a74b0, #4e6a9e);
- border: solid 1px rgba(200, 200, 200, 0.5);
- }