Global Corporate CSS Settings
This requires more advanced approach:
The Default Corporate CSS:
/* ===========================================================
Corporate Document CSS — Simple, 5-Color Scheme
- Focused on Colors */
/*----------------------------------------------------------
Preset Color Definitions:
- Primary color (#455A64): Used for main headings,Headings, table headersheaders, key dividers
- Secondary color (#ECF0F1): Used forLight backgrounds and contrast elementstext
- Font color (#36464F): Default body text color
- Accent color (#F5F7F8): UsedHighlights, fortotals, highlights, buttons, totalsemphasis
- Border color (#71ABCB): Used for tableTable borders and separator lines
=========================================================== */
/* Document Backgroundbackground and Fontfont Colorcolor */
.document {
/* background-color: #ECF0F1; Optionally, background color for the documents */
color: #36464F; /* Font color for readability */
}
/* Heading ColorsHeadings */
h1, h2, h3h3,
.project-box h2,
.heding-mean {
color: #455A64;#455A64 !important; /* Primary color*/
to}
emphasize/* headingsFirst clearlyhorizontal divider (under title) */
.top-table {
border-bottom: 2px solid #455A64 !important; /* Primary */
}
/* Table Header Colorsheaders */
th {
background-color: #455A64;#455A64 !important; /* Primary color for contrast and clarity */
color: #ECF0F1;#ECF0F1 !important; /* Secondary color for contrasting readable text */
}
/* Table Border Colorsborders */
tdtd, th {
border-color: #71ABCB;#71ABCB !important; /* Border color to subtly separate table cells */
}
/* Invoice Totals and/ Highlightshighlights */
.table-highlighthighlight,
.summary,
.total-row {
background-color: #F5F7F8;#F5F7F8 !important; /* Accent color*/
tofont-weight: drawbold;
attention}
to/* importantSeparator totalslines */
color:hr, #ECF0F1;.line, .separator {
border: 0;
border-top: 1px solid #71ABCB; /* Secondary color to ensure readability against accent backgroundBorder */
}
/* Separator Lines */
hr, .line {
border-color: #71ABCB; /* Border color for gentle visual separation */
}
/* Button ColorsButtons */
.button {
background-color: #F5F7F8; /* Accent color for action buttons to stand out */
color: #ECF0F1;#36464F; /* Secondary color to ensure text readability on buttonsFont */
border: 1px solid #71ABCB; /* Border */
padding: 4px 10px;
text-decoration: none;
}
Create Global Text in SOAP
select * from languages where iso_short = 'en';
Then:
<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:wsdl="http://atollon.com/enterprise/wsdl">
<soapenv:Header/>
<soapenv:Body>
<wsdl:CreateGlobalText>
<server>SERVERNAMEHERE</server>
<session>xxx</session>
<identification>invoice-global-CSS</identification>
<LANG>
<id>131514101</id>
<value>/* Corporate Document CSS - Focused on Colors */
/* Preset Color Definitions:
- Primary color (#455A64): Used for main headings, table headers
- Secondary color (#ECF0F1): Used for backgrounds and contrast elements
- Font color (#36464F): Default text color
- Accent color (#F5F7F8): Used for highlights, buttons, totals
- Border color (#71ABCB): Used for table borders and separator lines
*/
/* Document Background and Font Color */
.document {
/* background-color: #ECF0F1; Optionally, secondary color for clean, neutral background */
color: #36464F; /* Font color for readability */
}
/* Heading Colors */
h1, h2, h3 {
color: #455A64; /* Primary color to emphasize headings clearly */
}
/* Table Header Colors */
th {
background-color: #455A64; /* Primary color for contrast and clarity */
color: #ECF0F1; /* Secondary color for contrasting readable text */
}
/* Table Border Colors */
td {
border-color: #71ABCB; /* Border color to subtly separate table cells */
}
/* Invoice Totals and Highlights */
.table-highlight {
background-color: #F5F7F8; /* Accent color to draw attention to important totals */
color: #ECF0F1; /* Secondary color to ensure readability against accent background */
}
/* Separator Lines */
hr, .line {
border-color: #71ABCB; /* Border color for gentle visual separation */
}
/* Button Colors */
.button {
background-color: #F5F7F8; /* Accent color for action buttons to stand out */
color: #ECF0F1; /* Secondary color to ensure text readability on buttons */
}</value>
</LANG>
</wsdl:CreateGlobalText>
</soapenv:Body>
</soapenv:Envelope>
Corporate CSS styles by document type
Document type | Global Text Identification |
Invoice | invoice-global-CSS |
Activity | activity-global-CSS |