712 lines
10 KiB
CSS
712 lines
10 KiB
CSS
body.mail-table div#main-content,
|
|
body.dgs-home div#main-content,
|
|
body.welco-home div#main-content {
|
|
width: 100%;
|
|
border: 0;
|
|
padding: 0;
|
|
height: calc(100vh - 9em);
|
|
}
|
|
|
|
body.mail-dg-table div#main-content {
|
|
height: calc(100vh - 8em);
|
|
}
|
|
|
|
body.mail-table div#more-user-links,
|
|
body.dgs-home div#more-user-links,
|
|
body.welco-home div#more-user-links {
|
|
display: none;
|
|
}
|
|
|
|
body.mail-table div#content,
|
|
body.dgs-home div#content,
|
|
body.welco-home div#content {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.dgs-page,
|
|
.all {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 100%;
|
|
}
|
|
.cell.top {
|
|
width: 100%;
|
|
height: 65%;
|
|
order: 0;
|
|
}
|
|
|
|
.cell {
|
|
width: calc(100% / 2);
|
|
height: 35%;
|
|
order: 1;
|
|
overflow-y: auto;
|
|
transition: all 100ms ease;
|
|
border-bottom: 1px dotted #d8d8d8;
|
|
position: relative;
|
|
}
|
|
|
|
#content.big-top .cell {
|
|
height: 5%;
|
|
}
|
|
|
|
#content.big-top .cell.top {
|
|
height: 95%;
|
|
}
|
|
|
|
.mail-table .cell {
|
|
height: 20%;
|
|
}
|
|
|
|
.mail-table .cell.top {
|
|
height: 80%;
|
|
}
|
|
|
|
.mail-table-waiting .cell,
|
|
.mail-table-subtype1 .cell {
|
|
height: 10%;
|
|
}
|
|
|
|
.mail-table-waiting .cell.top,
|
|
.mail-table-subtype1 .cell.top {
|
|
height: 90%;
|
|
}
|
|
|
|
div#content .cell h2 {
|
|
font-size: 100%;
|
|
padding-left: 1ex;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
div#content .cell.document h2 {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
div#content .cell.document iframe {
|
|
border: none;
|
|
}
|
|
|
|
div#content .source-phone .cell.document > div,
|
|
div#content .source-mail .cell.document > div {
|
|
display: flex;
|
|
height: calc(100% - 3em);
|
|
}
|
|
|
|
div#content #source-mainarea {
|
|
width: 100%;
|
|
}
|
|
|
|
div#content .cell.document iframe {
|
|
width: 100%;
|
|
flex-grow: 2;
|
|
}
|
|
|
|
div#content #source-sidebar {
|
|
width: 25em;
|
|
display: none; /* only displayed when on top */
|
|
}
|
|
|
|
div#content .cell.document ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
max-height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
div#content .cell.document ul li {
|
|
border-bottom: 1px solid #dddddd;
|
|
border-left: 10px solid transparent;
|
|
padding: 1ex;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div#content .cell.document ul li.active {
|
|
border-left-color: #4C9ED9;
|
|
}
|
|
|
|
div#content .cell.document ul li:hover {
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
div#content #source-mainarea #postit,
|
|
div#content #source-mainarea form {
|
|
display: none;
|
|
}
|
|
|
|
div#content .top #source-mainarea #postit,
|
|
div#content .top #source-mainarea form,
|
|
div#content .top #source-sidebar {
|
|
display: block;
|
|
}
|
|
|
|
div#content .cell.knowledgedb div,
|
|
div#content .cell.contacts form,
|
|
div#content .cell.qualif form {
|
|
padding: 0 1em;
|
|
}
|
|
|
|
div#content .cell.contacts form div,
|
|
div#content .cell.qualif form div {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
div#content .cell form div.sep {
|
|
height: 1px;
|
|
background: #ccc;
|
|
}
|
|
|
|
div#content .cell.qualif form button.add {
|
|
position: absolute;
|
|
right: 1ex;
|
|
}
|
|
|
|
div#content .cell.qualif form button.done {
|
|
position: absolute;
|
|
right: 1ex;
|
|
bottom: 1ex;
|
|
}
|
|
|
|
div#content .cell.qualif .select2-container,
|
|
div#content .cell.qualif select {
|
|
width: 98%;
|
|
}
|
|
|
|
.cell.qualif ul {
|
|
padding: 0;
|
|
}
|
|
|
|
.cell.qualif ul li {
|
|
list-style: circle;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
div.objects-list > div {
|
|
border: 1px solid #bcbcbc;
|
|
border-collapse: collapse;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
div.objects-list > div a {
|
|
padding: 1em 1ex;
|
|
display: block;
|
|
border-bottom: none;
|
|
}
|
|
|
|
div.objects-list > div:hover {
|
|
background: #ccc;
|
|
}
|
|
|
|
div.objects-list > div.level-1 {
|
|
margin-left: 25px;
|
|
}
|
|
|
|
form#kb-search {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.contacts div.search input,
|
|
.kb div.search input {
|
|
margin: 0 1ex;
|
|
}
|
|
|
|
ul.formdatas,
|
|
ul.result {
|
|
margin: 2ex 0 0 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.contacts ul.formdatas li,
|
|
.qualif ul.formdatas li,
|
|
ul.result li {
|
|
margin: -1px 1em 0 2px;
|
|
list-style: none;
|
|
border: 1px solid #ccc;
|
|
position: relative;
|
|
}
|
|
|
|
ul.formdatas li a,
|
|
ul.result li a {
|
|
display: block;
|
|
padding: 1ex;
|
|
text-decoration: none;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
ul.formdatas li a:hover,
|
|
ul.result li a:hover {
|
|
background: #eee;
|
|
}
|
|
|
|
ul.formdatas a.remove {
|
|
position: absolute;
|
|
right: 1ex;
|
|
top: 0;
|
|
}
|
|
|
|
.contacts ul.formdatas li span {
|
|
color: #3c3c33;
|
|
}
|
|
|
|
ul.result li a span.more {
|
|
display: block;
|
|
color: #666;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.kb div.page {
|
|
padding: 1ex;
|
|
line-height: 120%;
|
|
}
|
|
|
|
.kb div.page h3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.kb.has-page-displayed div.search {
|
|
display: none;
|
|
}
|
|
|
|
.kb.top.has-page-displayed div.search {
|
|
display: block;
|
|
width: 20em;
|
|
float: left;
|
|
}
|
|
|
|
.kb.top.has-page-displayed div.search ul {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.kb.top.has-page-displayed div.page {
|
|
width: calc(100% - 22em);
|
|
float: left;
|
|
}
|
|
|
|
.contacts .back-to-empty,
|
|
.kb .back-to-empty,
|
|
.kb.top.has-page-displayed .back-to-empty {
|
|
display: none;
|
|
}
|
|
|
|
.contacts.has-contact-displayed .back-to-empty,
|
|
.kb.has-page-displayed .back-to-empty {
|
|
display: block;
|
|
padding: 1ex;
|
|
border-top: 1px dotted #ccc;
|
|
}
|
|
|
|
div.objects-list div {
|
|
position: relative;
|
|
}
|
|
|
|
div.objects-list div span.badge {
|
|
position: absolute;
|
|
top: calc(1em - 1ex);
|
|
right: 1ex;
|
|
background-color: #AD7C6D;
|
|
border-radius: 5px;
|
|
color: white;
|
|
padding: 1ex;
|
|
}
|
|
|
|
table.dgs-summary {
|
|
border-collapse: collapse;
|
|
width: calc(100% + 1px);
|
|
}
|
|
|
|
div.objects-list > div:hover table {
|
|
background: white;
|
|
}
|
|
|
|
table.dgs-summary td {
|
|
border: 1px solid #ccc;
|
|
border-width: 1px 1px 0 0;
|
|
padding: 1ex 1ex 0.4ex 1ex;
|
|
}
|
|
|
|
table.dgs-summary td:last-child {
|
|
text-align: center;
|
|
}
|
|
|
|
div.objects-list > div table.dgs-summary a {
|
|
padding: 0;
|
|
}
|
|
|
|
table.dgs-summary button {
|
|
padding-left: 1ex;
|
|
padding-right: 1ex;
|
|
}
|
|
|
|
.dgs-page > div {
|
|
width: calc(50% - 1ex);
|
|
height: 100%;
|
|
}
|
|
|
|
.dgs-view {
|
|
overflow-y: auto;
|
|
padding: 1ex;
|
|
}
|
|
|
|
div.qualif-source p,
|
|
div.qualif-source p label {
|
|
display: inline-block;
|
|
}
|
|
|
|
div.qualif-source input#id_post_date {
|
|
width: 12ex;
|
|
}
|
|
|
|
div.buttons {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
button#create-new-contact {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1em;
|
|
}
|
|
|
|
.contacts.has-contact-displayed .contact {
|
|
margin: 1ex;
|
|
}
|
|
|
|
.contacts.has-contact-displayed .search {
|
|
display: none;
|
|
}
|
|
|
|
.source-phone .source h1 {
|
|
font-weight: normal;
|
|
padding-left: 1ex;
|
|
}
|
|
|
|
.source-phone .source h3 {
|
|
padding-left: 1ex;
|
|
}
|
|
|
|
td.datetime {
|
|
width: 15em;
|
|
}
|
|
|
|
.mark-as-seen button {
|
|
position: absolute;
|
|
bottom: 1ex;
|
|
right: 1ex;
|
|
}
|
|
|
|
.formdata-links a {
|
|
margin: 1em;
|
|
padding-top: 1em;
|
|
display: inline-block;
|
|
}
|
|
|
|
#source-mainarea form {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
#source-mainarea form p,
|
|
#source-mainarea form p label {
|
|
display: inline-block;
|
|
}
|
|
|
|
#comments-field {
|
|
height: 7em;
|
|
margin-top: 2px;
|
|
width: 70%;
|
|
}
|
|
|
|
div#copies p {
|
|
margin: 0;
|
|
margin-left: 1ex;
|
|
}
|
|
|
|
div#copies p:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
div.add-formdef-reference > div {
|
|
display: inline-block;
|
|
width: calc(100% - 6em);
|
|
}
|
|
|
|
div#postit {
|
|
position: absolute;
|
|
right: 4em;
|
|
top: 11em;
|
|
max-width: 15em;
|
|
background: rgba(241,231,103,1);
|
|
overflow-x: none;
|
|
overflow-y: auto;
|
|
transform: rotate(2deg);
|
|
box-shadow: 3px 3px 3px #aaa;
|
|
}
|
|
|
|
div#postit > div.hbar {
|
|
height: 2ex;
|
|
background: #ff9c3b;
|
|
min-width: 3em;
|
|
}
|
|
|
|
div#postit.closed > div.content {
|
|
max-height: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div#postit > div.content {
|
|
padding: 1ex;
|
|
transition: max-height 0.5s ease;
|
|
max-height: 50ex;
|
|
}
|
|
|
|
form#note textarea {
|
|
width: calc(100% - 2em);
|
|
height: 8em;
|
|
}
|
|
|
|
#category-filter {
|
|
width: 100%;
|
|
}
|
|
|
|
#source-mainarea input {
|
|
margin-top: 2px;
|
|
width: 6em;
|
|
padding: 0.5ex 0.5ex;
|
|
}
|
|
|
|
#source-mainarea button {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
#source-mainarea button.save {
|
|
display: none;
|
|
}
|
|
|
|
#source-mainarea button.reject {
|
|
float: right;
|
|
top: 2px;
|
|
margin-right: 1ex;
|
|
}
|
|
|
|
p.waiting-for,
|
|
p.no-mail-table {
|
|
padding: 10px;
|
|
}
|
|
|
|
button.save.pinned {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
input#id_keywords {
|
|
width: 90%;
|
|
}
|
|
|
|
p.keywords {
|
|
padding-top: 1em;
|
|
margin-top: 1em;
|
|
border-top: 1px dotted #D8D8D8;
|
|
}
|
|
|
|
div#takephone {
|
|
position: absolute;
|
|
bottom: 0;
|
|
padding: 1ex;
|
|
}
|
|
|
|
div#takephone button {
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
|
|
div#source-mainarea div.big-msg-info {
|
|
margin-left: 0;
|
|
max-width: calc(100% - 100px);
|
|
}
|
|
|
|
div#subheader {
|
|
position: absolute;
|
|
top: 0.7ex;
|
|
right: 1ex;
|
|
font-size: 150%;
|
|
}
|
|
|
|
div#subheader a {
|
|
color: white;
|
|
background: rgba(100, 100, 100, 0.5);
|
|
margin-right: 1em;
|
|
border: 1px solid #ccc;
|
|
padding: 1ex 1ex;
|
|
}
|
|
|
|
div#subheader a:hover {
|
|
background: rgba(100, 100, 100, 0.9);
|
|
}
|
|
|
|
form.contact-add p label {
|
|
display: inline-block;
|
|
width: 11em;
|
|
}
|
|
|
|
div.ui-dialog form.contact-add p select {
|
|
padding: 7px 10px;
|
|
display: inline-block;
|
|
width: 20em;
|
|
}
|
|
|
|
div.ui-dialog form.contact-add p input {
|
|
display: inline-block;
|
|
width: 20em;
|
|
}
|
|
|
|
div.counter {
|
|
padding: 2em;
|
|
}
|
|
|
|
div.counter a.button {
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
|
|
div.useful-links {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
div.warning-notice {
|
|
background: #F9DEDE;
|
|
margin: 1em 0;
|
|
padding: 1em;
|
|
padding-left: 4em;
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
|
|
div.warning-notice p {
|
|
margin: 0.5ex 0;
|
|
}
|
|
|
|
div.warning-notice::before {
|
|
content: "\f06a";
|
|
font-family: FontAwesome;
|
|
font-size: 2em;
|
|
position: absolute;
|
|
left: 1ex;
|
|
top: 0.5ex;
|
|
}
|
|
|
|
div.old-version.warning-notice form {
|
|
position: absolute;
|
|
right: 1ex;
|
|
top: 1ex;
|
|
}
|
|
|
|
div.tagcloud {
|
|
padding: 1ex;
|
|
}
|
|
|
|
div.tagcloud span {
|
|
cursor: pointer;
|
|
border-bottom: 1px dotted #aaa;
|
|
}
|
|
|
|
div.tagcloud span:hover {
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
div.inactive {
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
}
|
|
|
|
p.required label::after {
|
|
content: " (*)";
|
|
}
|
|
|
|
.ui-dialog table.avis tbody th:first-child {
|
|
max-width: 25em;
|
|
text-align: left;
|
|
}
|
|
|
|
.ui-dialog table.avis tbody th,
|
|
.ui-dialog table.avis tbody td {
|
|
border-bottom: 1px dotted #aaa;
|
|
padding-top: 0.5ex;
|
|
}
|
|
|
|
ul.select-formdata {
|
|
margin-top: 0;
|
|
width: calc(100% - 6ex);
|
|
}
|
|
|
|
ul.select-formdata ul {
|
|
display: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.cell ul.select-formdata li {
|
|
margin: 0;
|
|
margin-top: -1px;
|
|
list-style: none;
|
|
list-style: none;
|
|
}
|
|
|
|
.cell ul.select-formdata li span {
|
|
cursor: pointer;
|
|
display: block;
|
|
padding: 1ex;
|
|
}
|
|
|
|
.cell ul.select-formdata.expanded > li {
|
|
display: none;
|
|
}
|
|
|
|
.cell ul.select-formdata.expanded > li.on {
|
|
display: block;
|
|
}
|
|
|
|
.cell ul.select-formdata.expanded > li.on span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cell ul.select-formdata.expanded > li.on span::after {
|
|
content: "✖";
|
|
position: absolute;
|
|
right: 1ex;
|
|
}
|
|
|
|
ul.select-formdata li.on ul {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.select-formdata li.on ul li {
|
|
border-width: 1px 0;
|
|
padding: 1ex 1ex;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.add-formdef-reference button.add {
|
|
display: none;
|
|
}
|
|
|
|
ul.select-formdata li li:hover {
|
|
background: #eee;
|
|
}
|
|
|
|
div#content .cell > div#dg-transmit {
|
|
margin: 2ex 0;
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
div#content .cell > div#dg-transmit button {
|
|
margin-right: 1ex;
|
|
}
|
|
|
|
#content button#create-new-contact {
|
|
height: auto;
|
|
}
|